Wstęp
HTML
Hyper Text Markup Language - hipertekstowy język znaczników, szeroko wykorzystywany do tworzenia stron internetowych.
parser - sprawdza poprawność składniową dokumentu dla HTML5 - walidator
5 zasad HTML
- Nigdy nie krzyżuj znaczników
- Zawsze zamykaj wszystkie znaczniki
- Wpisując znaczniki i atrybuty zawsze używaj małych liter
- Używaj "" do wszystkich atrybutów
- Uważaj ze znakami specjalnymi, używaj encji
Podstawowa struktura dokumentu
Specyfikacja HTML5 Stworzona przez oragnizację W3C
Specyfikacja
Znaczniki
Znacznik
Instrukcja formatująca, informuję przeglądarkę jak ma przekształcić tekst w strone www.
<znacznik> - znacznik początkowy
<⁄znacznik> - znacznik końcowy, wyłącza dany efekt
znacznik kontenerowy - znacznik występujący w parze: <> ... <⁄>, obejmujący jakąś zawartość i ją formatujący
znacznik samodzielny - znacznik występujący pojedynczo: <⁄>, nie obejmuje i nie formatuje elementu, ale uzupełnia stronę o dodatkową zawartość (obrazek, linię)
<meta⁄> - znacznik pojedynczy; opisuje zawartość strony
<title> - znacznik kontenerowy; obowiązkowy w head; definiuje nazwe strony
<p> - znacznik kontenerowy;tworzy akapit
<h1> - znacznik kontenerowy; tworzy nagłówek; możliwy od 1 do 6, gdzie h1 jest domyślnie największy a h6 najmniejszy;
<em> - znacznik kontenerowy; zaakcentowanie słowa lub większego bloku
<strong> - znacznik kontenerowy; silne wyróżnienie słowa lub większego bloku
<small> - znacznik kontenerowy; pomniejsze wyróżnienie słowa lub większego bloku
<cite> - znacznik kontenerowy; odwołujemy się do konkretnej pracy
<q> - znacznik kontenerowy; cytat w większym bloku tekstu
<blockquote> - znacznik kontenerowy; większy blok, z wcięciem; nie może być w <p> !
<code> - znacznik kontenerowy; oznaczenie kodu programistycznego na stronie www
<pre> - znacznik kontenerowy; nieformatowany tekst;zachowuje znaki białe
<sup> - znacznik kontenerowy; indeks górny
<sub> - znacznik kontenerowy; indeks dolny
<i> - znacznik kontenerowy; kursywa
<b> - znacznik kontenerowy; pogrubienie
<ins> - znacznik kontenerowy; podkreślenie
<del> - znacznik kontenerowy; przekreślenie
<br⁄> - znacznik pojedynczy; złamanie lini; działa jak ENTER
<hr⁄> - znacznik pojedynczy; dodaje linie
<img⁄> - znacznik pojedynczy; dodaję grafikę; obowiązkowe atrybuty: src= "adres "
alt= "alternatywny tekst" ; może występować też np: title, width, height
<a> - znacznik kontenerowy; odnośnik; atrybut href="adres"
id - atrybut umożliwiający nadanie nazwy do znacznika
<div> - znacznik kontenerowy; tworzy blok
<header> - znacznik kontenerowy; tworzy blok, domyślnie jako nagłówek
<footer> - znacznik kontenerowy; tworzy blok, domyślnie jako stopke
<figure> - znacznik kontenerowy; wyróżnia obraz na stronie
<figcaption> - znacznik kontenerowy; zagnieżdżony w <figure>; podpis pod obrazem
<map> - znacznik kontenerowy; mapa odsyłaczy
<area⁄> - znacznik pojedynczy; określa miejsce, kształt i wielkość odsyłaczy;
Stworzony przy pomocy W3schools.