Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Lekcja 1 Składnia języka XHTML

Podobne prezentacje


Prezentacja na temat: "Lekcja 1 Składnia języka XHTML"— Zapis prezentacji:

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
<strong> - znacznik otwierający </strong> - znacznik zamykający Nie czyń drugiemu, co tobie <strong> niemiłe </strong>.

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. <br /> <hr />

5 Wszystkie elementy XHTML
Lista znaczników XHTML jest ściśle określona Przykład niepoprawny: <rozdział> ..</rozdział> <coś> .. </coś>

6 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

7 Elementy puste i niepuste
Przykłady niepoprawne: <br> </br> <strong />

8 Białe znaki w treści elementów
OK. czerwony <strong>zielony</strong> niebieski Źle czerwony<strong> zielony </strong>niebieski

9 Zagnieżdżanie elementów
<p><strong>tekst</p></strong> Ok <p><strong>tekst</strong></p>

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 html
Plik 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 <!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

13 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

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 2007
2.http://webmaster.helion.pl/kurshtml/znaki/znaki.htm

16 Dziękuję za uwagę


Pobierz ppt "Lekcja 1 Składnia języka XHTML"

Podobne prezentacje


Reklamy Google