1 / 16

Lekcja 1 Składnia języka XHTML

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

raiden
Download Presentation

Lekcja 1 Składnia języka XHTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Lekcja 1Skł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. 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

  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 Źle <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 - &#60; encja nazwana - &lt; x&lt;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"> <htmlxmlns="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ę

More Related