SlideShare una empresa de Scribd logo
1 de 35
HTML
Cieľ a obsah predmetu ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Literatúra ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Obsah prednášky ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Podstata WEB ,[object Object],[object Object],[object Object]
Podstata WEB Zobrazenie www stránky PC  užívateľa Server Služba www Požiadavka na prenos www stránky Prenos požadovanej www stránka Vyhľadanie  www stránky Internet PC  užívateľa Server Služba www Požiadavka na prenos a vytvorenie www stránky Prenos požadovanej www stránka Vytvorenie  www stránky Internet Zobrazenie www stránky PC  užívateľa Server Služba www Požiadavka na prenos www stránky Prenos požadovanej www stránka Vyhľadanie/vytvorenie www stránky Internet Vytvorenie a zobrazenie  www stránky
Základné pojmy ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Prehliadač ,[object Object],[object Object],[object Object]
Prostriedky pre vývoj web aplikácií ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Syntaktická pravidla značkovacích jazykov ,[object Object],[object Object],Počiatočná značka Koncová značka ,[object Object],[object Object],[object Object],[object Object],[object Object],Vlastný obsah elementu
Základná pravidla pre prácu s elementmi ,[object Object],[object Object],[object Object]
Základná pravidla pre prácu s elementmi ,[object Object],[object Object],[object Object]
Štruktúra HTML dokumentu ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],hlavička telo kód   stránky typ dokumentu
Typy dokumentu ,[object Object],[object Object],[object Object],[object Object],[object Object]
Typy dokumentu ,[object Object],[object Object],[object Object],[object Object]
Typy dokumentu ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Základné údaje v hlavičke  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Telo dokumentu ,[object Object],[object Object],[object Object],[object Object]
Základné značky Značka Význam počiatočná koncová < !-- --> Komentár <h1> < / h1> Nadpis (header) úrovne 1 <h2> < / h2> Nadpis (header) úrovne 2 <h3> < / h3> Nadpis (header) úrovne 3 <h4> < / h4> Nadpis (header) úrovne 4 <h5> < / h5> Nadpis (header) úrovne 5 <h6> < / h6> Nadpis (header) úrovne 6 <p> < / p> Odsek (paragraph) <br  / > Zalomenie riadku (break) <hr  / > Vodorovná čiara
Atribúty značiek ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Spojovanie atribútov ,[object Object],[object Object],[object Object],[object Object],[object Object]
Obecné atribúty ,[object Object],Atribút Význam Platnosť pre class trieda pre CSS sekciu všetky elementy id identifikátor pre CSS a skripty všetky elementy style zápis CSS štýlu zobrazené elementy title titulok elementu (info v bubline) všetky elementy lang jazyk elementu všetky elementy name meno pre spoluprácu s ďalšími prvkami rôzna použiteľnosť accesskey funkčný kláves aktívne elementy tabindex poradie aktivácie tabulátorom aktívne elementy language jazyk skriptu všetky elementy dir smer textu najmä <bdo> contenteditable užívateľ môže upravovať obsah všetky elementy udalosti udalosti, ktoré spúšťajú skripty zobrazené elementy
Základné pravidlá pre tvorbu www stránok ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Práca s textom ,[object Object],[object Object]
Odseky a ich zarovnanie ,[object Object],[object Object],[object Object],<body> Text dokumentu <p> Použitie značky p </p> Text dokumentu <div> Použitie značky div </div> Text dokumentu </body>
Charakteristika <div> ,[object Object],[object Object],[object Object],[object Object]
Parametre značiek <p> a <div> ,[object Object],<body> Text dokumentu <p align=&quot;center&quot;>Použitie značky p s paramertom</p> Text dokumentu <div align=&quot;right&quot;>Použitie značky div s parametrom</div> Text dokumentu </body>
Citácia ,[object Object],[object Object],<body> Text, ktorý je citovaný. <blockquote> Autor </blockquote> </body>
Efekty zvýrazňovania písma Značka Význam počiatočná koncová <b> < / b > Tučné písmo <i> < / i> Kurzíva (šikmé písmo) <u> < / u> Podčiarknuté písmo <strike> < / strike> Prečiarknuté písmo <big> < / big> Písmo, ktoré je o 1 bod väčšie ako štandardné <small> < / small> Písmo, ktoré je o 1 bod menšie ako štandardné <sub> < / sub> Dolný index <sup> < / sup> Horný inde
Efekty zvýrazňovania písma ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Fonty ,[object Object],<body> Základný text  <font size=&quot;5&quot;>Písmo veľkosti 5</font><br /> <font color=&quot;#ff0000&quot;>Text s použitím atribútu color</font><br /> <font face=&quot;arial&quot;>Použitie typu písma Arial</font> </body>
Logické štýly písma ,[object Object],Značka Význam počiatočná koncová <cite> < / cite > Citácie, napr. názvy kníh <blockquote> < / blockquote> Citát umiestnený do samostatného odseku <code> < / code> Jednoriadkové ukážky zdrojového kódu <em> < / em> Zvýraznenie fráze <dfn> < / dfn> Definícia termínu <kbd> < / kbd> Označuje text, ktorý sa zadáva z klávesnice PC <samp> < / samp> Výstup z programov PC <var> < / var> Mena premenných <strong> < / strong> Zvýraznenie časti textu
Logické štýly písma ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Zobrazenie zdrojových textov ,[object Object],[object Object],Function Nastav() { dokument.linkColor=&quot;red&quot;; return true; } <pre> Function Nastav() { dokument.linkColor=&quot;red&quot;; return true; } </pre>
Zobrazenie špeciálnych znakov Znak Entita Znak Entita Znak Entita > &lt; Ł &pound; č &egrave; > &gt; ± &plusmn; ř &oslash; „ &quot; ü &#252 ; ň &ograve; & &amp; á &aacute; ď &iuml; $ &#36 ; é &eacute; medzera &nbsp; @ &#64 ; ú &uacute; ě &igrave; © &copy; ů &#249 ; í &iacute; ® &reg; ý & y acute; ó &oacute; § &sect; š &scaron; ~ &tilde;

Más contenido relacionado

Similar a Tmw 1 html1_2010

Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...
Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...
Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...Catana0605
 
SEO - jednoduché úpravy na stránke, ktoré povedú k zlepšeniu pozícií
SEO - jednoduché úpravy na stránke, ktoré povedú k zlepšeniu pozíciíSEO - jednoduché úpravy na stránke, ktoré povedú k zlepšeniu pozícií
SEO - jednoduché úpravy na stránke, ktoré povedú k zlepšeniu pozíciíplamenia.com
 
Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)Savione
 
Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)wcsk
 
responsive webdesign - vibration.sk
responsive webdesign - vibration.skresponsive webdesign - vibration.sk
responsive webdesign - vibration.skvibration.sk
 

Similar a Tmw 1 html1_2010 (6)

Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...
Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...
Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...
 
SEO - jednoduché úpravy na stránke, ktoré povedú k zlepšeniu pozícií
SEO - jednoduché úpravy na stránke, ktoré povedú k zlepšeniu pozíciíSEO - jednoduché úpravy na stránke, ktoré povedú k zlepšeniu pozícií
SEO - jednoduché úpravy na stránke, ktoré povedú k zlepšeniu pozícií
 
Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)
 
Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)
 
Rich snippets
Rich snippetsRich snippets
Rich snippets
 
responsive webdesign - vibration.sk
responsive webdesign - vibration.skresponsive webdesign - vibration.sk
responsive webdesign - vibration.sk
 

Tmw 1 html1_2010

  • 2.
  • 3.
  • 4.
  • 5.
  • 6. Podstata WEB Zobrazenie www stránky PC užívateľa Server Služba www Požiadavka na prenos www stránky Prenos požadovanej www stránka Vyhľadanie www stránky Internet PC užívateľa Server Služba www Požiadavka na prenos a vytvorenie www stránky Prenos požadovanej www stránka Vytvorenie www stránky Internet Zobrazenie www stránky PC užívateľa Server Služba www Požiadavka na prenos www stránky Prenos požadovanej www stránka Vyhľadanie/vytvorenie www stránky Internet Vytvorenie a zobrazenie www stránky
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19. Základné značky Značka Význam počiatočná koncová < !-- --> Komentár <h1> < / h1> Nadpis (header) úrovne 1 <h2> < / h2> Nadpis (header) úrovne 2 <h3> < / h3> Nadpis (header) úrovne 3 <h4> < / h4> Nadpis (header) úrovne 4 <h5> < / h5> Nadpis (header) úrovne 5 <h6> < / h6> Nadpis (header) úrovne 6 <p> < / p> Odsek (paragraph) <br / > Zalomenie riadku (break) <hr / > Vodorovná čiara
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29. Efekty zvýrazňovania písma Značka Význam počiatočná koncová <b> < / b > Tučné písmo <i> < / i> Kurzíva (šikmé písmo) <u> < / u> Podčiarknuté písmo <strike> < / strike> Prečiarknuté písmo <big> < / big> Písmo, ktoré je o 1 bod väčšie ako štandardné <small> < / small> Písmo, ktoré je o 1 bod menšie ako štandardné <sub> < / sub> Dolný index <sup> < / sup> Horný inde
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35. Zobrazenie špeciálnych znakov Znak Entita Znak Entita Znak Entita > &lt; Ł &pound; č &egrave; > &gt; ± &plusmn; ř &oslash; „ &quot; ü &#252 ; ň &ograve; & &amp; á &aacute; ď &iuml; $ &#36 ; é &eacute; medzera &nbsp; @ &#64 ; ú &uacute; ě &igrave; © &copy; ů &#249 ; í &iacute; ® &reg; ý & y acute; ó &oacute; § &sect; š &scaron; ~ &tilde;