Návrh a tvorba WWW stránek

1/10

Hlavička dokumentu • mezi a • obsahuje informace vztažené k dokumentu – metadata •

• - definuje vztah k jiným XHTML dokumentům, typicky alternativní verze

• <meta> - další informace o dokumentu – autor, klíčová slova atd. • <script> - zařazení skriptů do XHTML <script type="text/javascript">Tělo skriptu

• <style> - definice stylů pro vzhled dokumenntu <style type="text/css" media="print">…

Návrh a tvorba WWW stránek

2/10

Metadata o stránkách • nejsou povinná, už užite iteččné pro vyhledávač vyhledávače a prohlížeče • základní atributy name (pro vyhledáva vyhledávačče) a httphttp-equiv (pro prohlížžeče) prohlí <meta name=" name="author author" " content content="Stanislav ="Stanislav Machalík" Machalík" /> <meta name=" name="robots robots" " content content="index, ="index,follow follow" " /> <meta name=" name="keywords keywords" " content content="XHTML, ="XHTML, CSS, test" /> <meta httphttp-equiv=" equiv="Content Content-Type" content="text/ content="text/html html; ; charset= charset =utfutf-8" /> <meta httphttp-equiv equiv=" ="Pragma Pragma" " content content="no ="no-cache cache" " /> <meta httphttp-equiv=" equiv="refresh refresh" " content="5; content="5;url url=http://..." =http://..." />

Návrh a tvorba WWW stránek

3/10

Tělo dokumentu • mezi a • obsahuje samotný obsah dokumentu • blokové x řádkové značky • blokové značky – oddělují část dokumentu –

…

,

,

, ,

atd. • řádkové značky – práce s textem bez oddělení od okolního obsahu – , , , <sub>, <sup> • komentáře – > – skripty se již do komentáře neumisťují (pokud prohlížeč tag nezná, ignoruje jej) • značka má atributy vztahující se k celému dokumentu – pozadí, barva odkazů – v XHTML řešeno pomocí kaskádových stylů

Návrh a tvorba WWW stránek

3/10

Základní blokové značky • vytváří v dokumentu samostatný blok, oddělený prázdným řádkem • nadpisy

až

• odstavec

• odstavec

- na rozdíl od

nevkládá prázdný řádek • citace

• zachování formátování <pre> • vodorovná čára

---

Příklad:

Nadpis velikosti 36pt

N 36pt

Odstavec

p>Odstavec

---

Návrh a tvorba WWW stránek

5/10

Základní řádkové značky (1/ (1/2 2) • především určení velikosti a typu písma • formátovací (fyzické) x sémantické (logické) značky • formátovací značky – nastavení formátu písma (řez písma, indexy) – nezávislé na prohlížeči • sémantické značky – zdůraznění obsahové části textu – různá interpretace prohlížeči Formátovací značky: velké písmo tučné písmo kurzíva podtržené písmo <small> malé písmo <s> přeškrtnuté písmo <sup> horní index <sub> dolní index psací stroj

Návrh a tvorba WWW stránek

6/10

Základní řádkové značky (2/ (2/2 2) Sémantické značky: <em> <strong> <span>

citace, prohlížeče interpretují kurzívou neproporcionální písmo důraz, většinou interpretace kurzívou tučné písmo obdoba

, pro změnu formátování

Speciální znaky znak < > " & mezera µ

zápis v XHTML < <; > " &   µ

Návrh a tvorba WWW stránek

7/10

Seznamy položek položek (1/3) • neuspořádané seznamy

• první
• první položka
položka
• druhá
• druhá položka položka
• atd.
• atd.

Značka

má atribut "type" – typ odrážky – disc, square, circle
• první
• první položka položka
• druhá
• druhá položka
položka
• atd.
• atd.


Návrh a tvorba WWW stránek

Seznamy položek položek (2/3) • uspořádané seznamy
1. první
2. první položka
položka
3. druhá
4. druhá položka položka
5. atd.
6. atd.


Značka
má atribut "type" – typ odrážky: 1 A a I i

normální číslování velká písmena malá písmena velké římské číslice malé římské číslice

Atribut "type" lze použít i pro
1. - vyšší priorita.
   
   8/10
   
   Návrh a tvorba WWW stránek
   
   Seznamy položek položek (3/3) • vnořené seznamy
   • první
   • první položka
   položka
   • druhá
   • druhá položka
     1. třetí
     2. třetí položka
     položka
     3. čtvrtá
     4. čtvrtá položka
     položka
   • pátá
   • pátá položka položka
   
   
   Pozor na dodržování pravidel XHTML!!!
   
   9/10
   
   Návrh a tvorba WWW stránek
   
   10/10
   
   Obrázky • nepárová značka • formáty gif x jpg
   
   • povinné atributy – src, alt • další atributy obrázků se nastavují pomocí CSS
   
   Obrázkové mapy <map id="o_mapa"> <area shape="rect" coords="0,0,100,100" href="adresa" alt="popis" /> <area shape="circle" coords="150,150,100" href="adresa" alt="popis" />
   
   

×

Report "- definuje vztah k jiným XHTML dokumentům, typicky"

Your name

Email

Reason -Select Reason- Pornographic Defamatory Illegal/Unlawful Spam Other Terms Of Service Violation File a copyright complaint

Description

Close Send

×

Sign In

Email

Password

Remember me Forgot password?

Sign In

Our partners will collect data and use cookies for ad personalization and measurement. Learn how we and our ad partner Google, collect and use data. Agree & close