Lekcja 1 Składnia języka XHTML

1 Lekcja 1 Składnia języka XHTMLŁukasz Beczak ...
Author: Zosia Fabiański
0 downloads 0 Views

1 Lekcja 1 Składnia języka XHTMLŁukasz Beczak

2 Znaczniki Znacznik – (ang. tag) to napis otoczony znakami < oraz >. Bezpośrednio po znaku występuje nazwa znacznika.

3 Znaczniki otwierające i zamykające - znacznik otwierający - znacznik zamykający Nie czyń drugiemu, co tobie niemiłe .

4 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.


5 Wszystkie elementy XHTMLLista znaczników XHTML jest ściśle określona Przykład niepoprawny: .. ..

6 Zestawienie poprawnych elementów XHTMLZnaczenie 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

7 Elementy puste i niepustePrzykłady niepoprawne:

8 Białe znaki w treści elementówOK. czerwony zielony niebieski Źle czerwony zielony niebieski

9 Zagnieżdżanie elementów

tekst

Ok

tekst

10 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

11 Struktura dokumentu htmlPlik z rozszerzeniem .html Składa się z trzech części: definicji typu dokumentu (DOCTYPE) nagłówka dokumentu (head) treści dokumentu (body)

12 Szablon strony www Program NOTH – Ctrl+B+1

13 Struktura dokumentu htmlDOCTYPE – 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

14 Zadanie 1 Wykonaj stronę o tytule "Witaj". W treści strony umieść zdanie "Moja pierwsza strona www"

15 Bibliografia 1. Włodzimierz Gajda – "HTML XHTML i CSS" Helion 20072.http://webmaster.helion.pl/kurshtml/znaki/znaki.htm

16 Dziękuję za uwagę