Pobierz prezentację
Pobieranie prezentacji. Proszę czekać
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" " <html xmlns=" 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.
16
Dziękuję za uwagę
Podobne prezentacje
