Lekcja 1 Składnia języka XHTML Łukasz Beczak
Znaczniki Znacznik – (ang. tag) to napis otoczony znakami < oraz >. Bezpośrednio po znaku występuje nazwa znacznika.
Znaczniki otwierające i zamykające <strong> - znacznik otwierający </strong> - znacznik zamykający Nie czyń drugiemu, co tobie <strong> niemiłe </strong>.
Niektóre ze znaczników XHTML nie posiadają znaczników zamykających. Znaczniki puste Niektóre ze znaczników XHTML nie posiadają znaczników zamykających. <br /> <hr />
Wszystkie elementy XHTML Lista znaczników XHTML jest ściśle określona Przykład niepoprawny: <rozdział> ..</rozdział> <coś> .. </coś>
Zestawienie poprawnych elementów XHTML Znaczenie Elementy Liczba Definicja dokumentu DOCTYPE, html, head, title, body, address 6 Dane dodatkowe o dokumencie meta 1 Elementy ogólne div, span 2 Nagłówki h1, h2,h3,h4,h5,h6 Tekst p, br, pre, q, blocquote, sub, sup, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym 17 Zmiany w dokumencie ins, del Listy ul , ol, li, dl, dt, dd Tabele table, tr, td, th, caption, Thea, tfoot, body, col, colgroup 10 Hiperłącza a, link, base 3 Obrazy i obiekty img, object, param, map, area 5 Style style Formularze form, input, button, select, option, optgroup, textarea, label, fieldset, legend Skrypty script, noscript Inne hr, <!-- -->, bdo
Elementy puste i niepuste Przykłady niepoprawne: <br> </br> <strong />
Białe znaki w treści elementów OK. czerwony <strong>zielony</strong> niebieski Źle czerwony<strong> zielony </strong>niebieski
Zagnieżdżanie elementów <p><strong>tekst</p></strong> Ok <p><strong>tekst</strong></p>
Znaki specjalne Z uwagi na to, że znaki < oraz > otaczają znaczniki napisanie x>7 lub a<0 będzie powodowało komplikacje. Sposoby: encja numeryczna - < encja nazwana - < x<7 Więcej znaków specjalnych
Struktura dokumentu html Plik z rozszerzeniem .html Składa się z trzech części: definicji typu dokumentu (DOCTYPE) nagłówka dokumentu (head) treści dokumentu (body)
Szablon strony www <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> </body> </html> Program NOTH – Ctrl+B+1
Struktura dokumentu html DOCTYPE – ustala język, w którym została wykonana strona – XHTML 1.0 Nagłówek strony – head title – tytuł meta – kodowanie znaków + dodatkowo słowa kluczowe, style formatujące dokument, opis treści dokumentu Body – treść dokumentu
Zadanie 1 Wykonaj stronę o tytule "Witaj". W treści strony umieść zdanie "Moja pierwsza strona www"
Bibliografia 1. Włodzimierz Gajda – "HTML XHTML i CSS" Helion 2007 2.http://webmaster.helion.pl/kurshtml/znaki/znaki.htm
Dziękuję za uwagę