Lekcja 2
Jak umieścić treść na stronie?
Jak umieścić treść na stronie?
Aby umieścić tekst np "witajcie na mojej pierwszej stronie" należy wpisać go w sekcji "ciała" po między znacznikami <p></p>. Znacznik "p" oznacza paragraf.
A tak powinno to wyglądać w całości:
<html>
<head>
<title>To jest moja pierwsza strona</title>
</head>
<body>
<p>witajcie na mojej pierwszej stronie</p>
</body>
</html> <p>witajcie na mojej pierwszej stronie</p>
</body>
Zapisz i otwórz w przeglądarce:)
Jak edytować treść?
Znaczniki które zmieniają wygląd tekstu:
- <b>i</b> tekst będzie pogrubiony
- <i>i</i> tekst będzie pochylony
- <small>i</small> tekst będzie zmniejszony
Aby umieścić nagłówek wpisujemy znacznik od "h1"do "h6" gdzie "h1" jest największy, a "h6" najmniejszy.
- <h1> i </h1>....< h6> i </h6>
Jeśli chcesz zakończyć linie w konkretnym miejscy musisz wpisać:
- <br /> jest to znacznik który wymusi koniec linii
A to przykład:
<html>
<head>
<title>niewidoczny tytuł mojej strony</title>
</head>
<body>
<h1>nagłówek</h1>
<p>treść na mojej stronie</p>
<h2>nagłówek</h2>
<p><b><i>ten tekst powinien być pogrubiony i pochylony</i></b></p>
<p>tekst w jednej linijce<br /> tekst w drugiej linijce</p>
</body>
</html>
Tworzenie listy:
Znaczniki do tworzenia linii to "ul" i "ol".
- <ul>i</ul> lista nieuporządkowana
- <ol>i</ol> lista uporządkowana
- <li>i</li> to treść listy
Przykład:
<html>
<head>
<title>niewidoczny tytuł mojej strony</title>
</head>
<body>
<ul>
<li> 1 element na liście </li>
<li> 2 element na liście </li>
</ul>
<ol>
<li> 1 element na liście</li>
<li> 2 element na liście</li>
</ol>
<li> 1 element na liście </li>
<li> 2 element na liście </li>
</ul>
<ol>
<li> 1 element na liście</li>
<li> 2 element na liście</li>
</ol>
</body>
</html>
Brak komentarzy:
Prześlij komentarz