Elementy HTML
Element HTML to wszystko pomiędzy znacznikami razem ze znacznikami:
Znacznik początkowy * | Zawartość Elementu | Znacznik końcowy * |
---|---|---|
<p> | To jest akapit | </p> |
<a href="default.htm"> | To jest link | </a> |
<br> |
Składnia Elementu HTML
- Element HTML zaczyna się znacznikiem początkowym
- Element HTML kończy się znacznikiem końcowym
- Zawartość elementu znajduje się pomiędzy znacznikiem początkowym i końcowym
- Niektóre elementy mają pustą zawartość
- Puste elementy są zamknięte znacznikiem początkowym (np. <br>)
- Większość elementów HTML może mieć atrybuty
Zagnieżdżone elementy HTML
Większość elementów HTML da się zagnieżdżać (elementy mogą zawierać inne elementy HTML)
Dokument HTML składa się z zagnieżdżonych elementów HTML
Przykład dokumentu HTML
<!DOCTYPE html>
<html>
<body>
<p>To jest mój pierwszy akapit.</p>
</body>
</html>
<html>
<body>
<p>To jest mój pierwszy akapit.</p>
</body>
</html>
Wyjaśnienie przykładu
Element <p>:
<p>To jest mój pierwszy akapit.</p>
Element ma znacznik początkowy <p> i końcowy </p>.
Zawartość elementu to: To jest mój pierwszy akapit.
Element <body>:
<body>
<p>To jest mój pierwszy akapit.</p>
</body>
<p>To jest mój pierwszy akapit.</p>
</body>
Element ma znacznik początkowy <body> i końcowy </body>.
Zawartością elementu jest inny element HTML(w tym przypadku element p).
Element <html>:
<html>
<body>
<p>To jest mój pierwszy akapit.</p>
</body>
</html>
<body>
<p>To jest mój pierwszy akapit.</p>
</body>
</html>
Element ma znacznik początkowy <html> i końcowy </html>.
Zawartością elementu jest inny element HTML(w tym przypadku element body).
Nie zapomnij o znaczniku końcowym
Niektóre elementy HTML są wyświetlane poprawnie nawet jeśli zapomnisz o znaczniku końcowym:
<p>To jest akapit
<p>To jest akapit
<p>To jest akapit
Nigdy na tym nie polegaj.Większość elementów HTML będzie dawać nieoczekiwane rezultaty i/lub błędy jeśli zapomnisz o znaczniku końcowym.
Puste elementy HTML
Elementy HTML bez zawartości nazywane są pustymi.
<br> jest pustym elementem bez znacznika zamykającego (znacznik <br> definiuje przejście do następnej linii).
Wskazówka: w XHTML, wszystkie elementy muszą być zamknięte. Dodanie znaku slash wewnątrz znacznika początkowego, np. <br />, to poprawny sposób zamykania pustych elementów w XHTML (i XML).
Porada HTML: Pisz znaczniki małymi literami
Nie ma większego znaczenia czy znacznik napiszesz z małej czy dużej litery: <P> oznacza to samo co <p>. Wiele stron internetowych używa znaczników napisanych z dużych liter.
W3Schools używa małych liter ponieważ World Wide Web Consortium (W3C) zaleca małe litery w HTML 4 i wymaga małych liter w XHTML.
Brak komentarzy:
Prześlij komentarz