6 na stránku
6 na stránku
6 na stránku
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
Jazyk HTML<br />
• Hypertext Markup Language, verze 4.01, další vývoj<br />
poněkud zamlžený (XHTML vs. HTML 5.0)<br />
• Vlastní textový obsah stránky je doplněn doplňujícími<br />
informacemi, z<strong>na</strong>čkami: strukturálními (<strong>na</strong>př. odstavec),<br />
sémantickými (<strong>na</strong>př. adresa), formátovacími (<strong>na</strong>př. tučně)<br />
• Je aplikací staršího SGML (Standard Generalized ML) a<br />
předchůdcem XML (Extensible ML)<br />
• Formát z<strong>na</strong>čky: <br />
• Volný formát řádek (bílé z<strong>na</strong>ky nevýz<strong>na</strong>mné)<br />
• Speciální z<strong>na</strong>ky - entity (<, >, &, ...)<br />
• Komentáře ()<br />
SISAL<br />
Úvod do počítačových sítí (2014) 79<br />
záhlaví<br />
tělo<br />
HTML - struktura dokumentu<br />
<br />
<br />
Titulek stránky<br />
<br />
<br />
<br />
Nadpis stránky<br />
<br />
Vlastní text<br />
<br />
<br />
párová z<strong>na</strong>čka<br />
název z<strong>na</strong>čky atribut hodnota<br />
nepárová z<strong>na</strong>čka<br />
SISAL<br />
Úvod do počítačových sítí (2014) 80<br />
HTML - hypertext<br />
• Odkazy - z<strong>na</strong>čka anchor:<br />
– odkaz <strong>na</strong> jinou stránku: ...<br />
– oz<strong>na</strong>čení místa v dokumentu: <br />
– odkaz <strong>na</strong> část dokumentu: ...<br />
• Obrázky - z<strong>na</strong>čka image (img), atributy:<br />
src URI obrázku<br />
alt alter<strong>na</strong>tivní text pro textové klienty<br />
width, height<br />
cílové rozměry obrázku<br />
border okraje obrázku<br />
SISAL<br />
Úvod do počítačových sítí (2014) 81<br />
HTML - formátování<br />
• Základní formátování:<br />
– odstavec (...)<br />
– <strong>na</strong>dpis ( až )<br />
– pevné odřádkování ()<br />
– vodorovná čára ()<br />
– vycentrování ()<br />
• Písmo:<br />
– určení fontu: ...<br />
– fyzický formát: tučné (), kurzíva (), podtržení<br />
(), pevná šířka (), index ()...<br />
– logický formát: zvýraznit (, ),<br />
ukázka kódu ()...<br />
SISAL<br />
Úvod do počítačových sítí (2014) 82<br />
HTML - sez<strong>na</strong>my<br />
HTML - tabulky<br />
<br />
položka A<br />
položka B<br />
<br />
<br />
položka A<br />
položka B<br />
<br />
<br />
termín A<br />
vysvětlení<br />
termín B<br />
vysvětlení<br />
<br />
• položka A<br />
• položka B<br />
1. položka A<br />
2. položka B<br />
termín A<br />
vysvětlení<br />
termín B<br />
vysvětlení<br />
<br />
<br />
Období<br />
Zisk<br />
<br />
2012<br />
I - III<br />
10<br />
<br />
IV - VI<br />
2000<br />
Období Zisk<br />
<br />
I - III 10<br />
<br />
2012<br />
IV - VI 2000<br />
SISAL<br />
Úvod do počítačových sítí (2014) 83<br />
SISAL<br />
Úvod do počítačových sítí (2014) 84