Znaczniki (elementy) tags

otwieranie i zamykanie znacznika

normalne zamykanie znacznika:
<img></img>

pojedynczy znacznik otwierający i zarazem zamykający
<img />

wygląd znacznika HTML:

<znacznik atrybut1="wartość1" atrybut2="wartość2">....</znacznik>
<znacznik atrybut1="wartość1" atrybut2="wartość2" />


elementy blokowe - zawsze są wyświetlane od nowego wiersza
przykładami takich elementów są: <p> <h1> <ul> <li>

elementy wewnątrzwierszowe - zawsze są wyświetlane w tym samym wierszu co elementy umieszczone wokół nich
Przykładami takich elementów są: <a> <b> <em> <img>

grupowanie elementów w blokach

<div>
 <img src="grafika/sunflower02.jpg" alt="sunflower" />
 <ul>
  <li>ręka</li>
  <li>noga</li>
  <li>mózg</li>
  <li>na ścianie</li>
 </ul>
</div>

wynik kodu

grupowanie elementów wewnątrzwierszowych

<p>kangur lubi skakać <span style="color: orange;">nawet jak jest głodny</span></p>

wynik kodu

kangur lubi skakać nawet jak jest głodny

znacznik	opis
<p></p>	akapit
<div></div>	blok
<span></span>	span
<b></b>	pogrubienie czcionki
<strong></strong>	pogrubienie czcionki oraz logiczne wzmocnienie tekstu
<i></i>	kursywa
<em></em>	emfaza - kursywa
<u></u>	podkreślenie
<s></s>	przekreślenie
<q></q>	krótki cytat
<mark></mark>	podświetlenie
<sup></sup>	indeks górny
<sub></sub>	indeks dolny
<code></code>	kod komputerowy
<kbd></kbd>	klawiatura
<pre></pre>	zapisanie większego fragmentu teksu czciąnką nieproporcjonalną (ta czcionka łamie zasady składu HTML, uwzględnia każdą spację oraz znak końca lini) ten znak jest jednocześnie akapitem
<tt></tt>	czcionka nieproporcjonalna (o stałej szerokości znaków)
<h1></h1>	Nagłówek pierwszego rzędu
<h2></h2>	Nagłówek drugiego rzędu
<h3></h3>	nagłówek trzeciego rzędu
<h4></h4>	nagłówek czwartego rzędu
<h5></h5>	nagłówek piątego rzędu
<h6></h6>	nagłówek szóstego rzędu
<br />	łamanie wiersza
<hr />	podkreślenie (pozioma linia)
<!-- -->	komentarz

<abbr></abbr> - skrót, akronim
Prof. Zbigniew Zbigniewski jest fizykiem teoretykiem.
NASA - Narodowa Agencja Aeronautyki i Przestrzeni Kosmicznej

<address></address> - adres (zapisany kursywą)
UNIWERSYTET ŚLĄSKI
Wydział Humanistyczny
Filologia germańska

ul. gen. Stefana Grota-Roweckiego 5
41-205 Sosnowiec

<cite></cite> - cytat: odwołanie do jakiejś książki, filmu, wyników badań (zapisane kursywą)
Władca Pierścieni (ang. The Lord of the Rings) powieść high fantasy J.R.R. Tolkiena, której akcja rozgrywa się w mitologicznym świecie Śródziemia.

<blockquote></blockquote>

dłuższy cytat (ma wcięcie, nie ma cudzysłowiów)

<blockquote cite="https://pl.wikipedia.org/wiki/Sweet_Noise"></blockquote>

Sweet Noise – polska grupa wykonująca szeroko pojętą muzykę rockową i heavymetalową. Powstała w 1990 roku w Swarzędzu pod Poznaniem. Formacji przewodzi wokalista sudańskiego pochodzenia – Piotr „Glaca” Mohamed, który pozostaje jedynym członkiem oryginalnego składu. W latach 1990–2007 grupa wydała pięć albumów polskojęzycznych oraz trzy anglojęzyczne. Pomimo licznych zmian składu Sweet Noise utrzymał charakterystyczne brzmienie oparte na wokalizach Mohameda oraz riffach wieloletniego gitarzysty Tomasza „Magica” Osińskiego, który opuścił zespół w 2007 roku. W 2019 roku zespół został reaktywowany[1] i zagrał dziesięć koncertów, większość w ramach jesiennej trasy Respect Tour.

<dfn></dfn> - definicja (przeważnie pisana kursywą)
Czarna dziura - obszar czasoprzestrzeni, którego z uwagi na wpływ grawitacji, nic – łącznie ze światłem – nie może opuścić.

<ins></ins> zmiana - element wstawiony
<del></del> zmiana - element usunięty

<samp></samp> przykład
<var></var> zmienna

zmiana wyglądu poziomej linii

usunięcie pseudoprzestrzennego obramowania poziomej linii
style="border: none;"

określenie koloru linii
style="color: kod-koloru"
style="background-color: kod-koloru"

określenie grubości linii
style="height: N;"

szerokość linii
style="width: N;"

<hr style="background-color: orange; height: 5px; width: 50%" />
wynik kodu

---