piszemy tylko za pomocą małych liter
<h1>Nasza wycieczka do lasu</h1>
Domykaj zawsze znaczniki
<p>Wczoraj byliśmy w lesie i było bardzo przyjemnie.</p>
Struktura
<html>
<head>
informacje nagłówkowe
</head>
<body>
właściwa treść (ciało) dokumentu
</body>
</html>
Znaczniki i ich znaczenie
<title>Tytuł strony</title> ( to znajdzie się na pasku tytułowym przeglądarki)
<h1>Tytuł stopnia pierwszego</h1> ( do 1 do 6 to wielkośći liter w tytule)
<p>To jest treść pierwszego akapitu</p> ( wprowadzanie zwykłego tekstu – przez akapity)
To jest pierwszy wiersz<br> (przełamanie tekstu, znacznik końca wiersza)
To jest drugi wiersz<br>
<hr> linia pozioma
Linii możemy nadać dowolną grubość i kolor: <hr style="height: 5px; color: red">
Wypunktowanie
<ul> </ul> początek i koniec części tekstu wypunktowanego
<li> </li> punkty
<ol> i </ol> numery
Czcionki
<strong>To jest tekst mocno pogrubiony</strong>
<em>To jest tekst pochylony</em>
<b> </b> pogrubienie
<i> </i> pochylenie
Odsyłacze
<a href="adres.strony.internetowej">Jakaś nazwa tej strony</a>
Wielkość i kolor czcionki
<p style="font-size:xx-large">Treść akapitu</p> wielkość duża
<p style="font-size:small">Treść akapitu</p> wielkość mała
<p style="color: darkgreen; ">Treść akapitu w kolorze darkgreen</p>
Kolor czcionki ( darkgreen – ciemno zielony), Black, red gr een, Yellow, itp.
Wprowadzanie grafiki
<img src="nazwa_pliku" alt="nazwa alternatywna">
<img src="ścieżka pliku" height="150" width="200" alt="tytuł obrazka"> - zmienianie wielkości obrazka
<img src="ścieżka pliku" width="171" height="177" alt="tytuł obrazka" style="border: 5px red solid; "> - Wprowadzanie obramowania obrazka
<div style="text-align:center; ">
<img src=" ścieżka pliku " width="171" height="176" alt=" tytuł obrazka ">
</div> - wyśrodkowanie obrazka I left, right
<img src="../grafika/sufinka.jpg" width="171" height="176" alt="Sufi w tulipanach" style="float: right; "> Aby umieścić ilustrację przy prawym marginesie
Wyrównanie tekstu:
<h1 style="text-align: right; ">Śródtytuł wyrównany do prawego marginesu</h1>
<h1 style="text-align: center; ">Śródtytuł ustawiony na środku</h1>
Krój czcionki
<p style="font-family: arial; ">Treść akapitu wyświetlona krojem Arial</p>
Tła
<h2 style="background-color: yellow">Tytuł stopnia drugiego na żółtym tle</h2>