Poradnik HTML5 i CSS3

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

  1. Nigdy nie krzyżuj znaczników
  2. Zawsze zamykaj wszystkie znaczniki
  3. Wpisując znaczniki i atrybuty zawsze używaj małych liter
  4. Używaj "" do wszystkich atrybutów
  5. Uważaj ze znakami specjalnymi, używaj encji

Podstawowa struktura dokumentu
brak

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 brak
<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 brak
<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; brak

Stworzony przy pomocy W3schools.