{"id":94,"date":"2015-10-21T09:20:12","date_gmt":"2015-10-21T07:20:12","guid":{"rendered":"http:\/\/www.legon.sk\/wp\/?p=94"},"modified":"2023-11-29T09:25:47","modified_gmt":"2023-11-29T07:25:47","slug":"mini-zaklady-html","status":"publish","type":"post","link":"https:\/\/www.legon.sk\/wp\/?p=94","title":{"rendered":"Mini z\u00e1klady HTML"},"content":{"rendered":"

HTML<\/strong><\/p>\n

verzia na stiahnutie pdf: html<\/a><\/strong><\/p>\n

Jazyk sa sklad\u00e1 z takzvan\u00fdch p\u00e1rov\u00fdch a nep\u00e1rov\u00fdch pr\u00edkazov. P\u00e1rov\u00e9 musia ma\u0165 ozna\u010den\u00fd za\u010diatok a\u00a0koniec pr\u00edkazu.<\/p>\n

Pr: <head> je za\u010diatok hlavi\u010dky a <\/head> je koniec hlavi\u010dky.<\/p>\n

Ak chcete pozrie\u0165 ako m\u00e1 t\u00e1 ktor\u00e1 str\u00e1nka rie\u0161en\u00fd k\u00f3d, cho\u010fte do menu zobrazi\u0165 a<\/p>\n

Z\u00e1kladn\u00e1 \u0161trukt\u00fara html je:<\/p>\n

<html><\/strong><\/p>\n

\u00a0 <head><\/strong><\/p>\n

<title><\/strong>Nadpis, ktor\u00fd bude v\u00a0hlavi\u010dke prehliada\u010da<\/title><\/strong><\/p>\n

<\/head><\/strong><\/p>\n

<body><\/strong><\/p>\n

Tu pr\u00eddu jednotliv\u00e9 pr\u00edkazy, html jazyka.<\/p>\n

\u00a0 <\/body><\/strong><\/p>\n

<\/html><\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

Pr\u00edkazy:<\/p>\n

<p> <\/p><\/strong><\/p>\n

Vymedzenie odstavca. Po jeho konci prehliada\u010d automaticky zalom\u00ed riadok a urob\u00ed vertik\u00e1lnu medzeru.<\/p>\n

<br><\/strong><\/p>\n

zalom\u00ed riadky, takzvan\u00fd m\u00e4kk\u00fd Enter. Text po tomto tagu bude v\u017edy za\u010d\u00edna\u0165 na novom riadku, ale nie je to nov\u00fd odstavec. Pozor, tento tag je nep\u00e1rov\u00fd, to znamen\u00e1, \u017ee \u017eiadne <\/br> neexistuje.<\/p>\n

Odkazy<\/strong><\/p>\n

<a href=“adresa“>text odkazu <\/a><\/p>\n

text (alebo obr\u00e1zok) medzi t\u00fdmito dvomi tagmi sa zobraz\u00ed ako text odkazu („a“ ako angl. „anchor“ = odkaz). Po kliknut\u00ed na\u0148 sa prehliada\u010d prepne na adresu, ktor\u00e1 je zadan\u00e1 atrib\u00fatom HREF<\/p>\n

Odkaz otvoren\u00fd v\u00a0novom okne :<\/strong><\/p>\n

<a target=“_blank“ href=“http:\/\/www.jakpsatweb.cz“>zdrojov\u00e1 str\u00e1nka<\/a><\/p>\n

a\u00a0target=\u201c_blank\u201c \u2013 otvorenie v\u00a0novom okne. V\u00a0prehliada\u010di sa uk\u00e1\u017ee text zdrojov\u00e1 str\u00e1nka<\/em>, ktor\u00fd bude odkaz na web.<\/p>\n

Adresovanie m\u00f4\u017ee by\u0165:<\/strong><\/p>\n

Absol\u00fatne: http:\/\/www.jakpsatweb.cz<\/a> cel\u00e1 adresa<\/p>\n

Relat\u00edvne: len n\u00e1zov s\u00faboru pokia\u013e je dan\u00fd s\u00fabor v\u00a0aktu\u00e1lnom adres\u00e1ry kde htm s\u00fabor. Ak chceme ohl\u00e1si\u0165 s\u00fabor z\u00a0in\u00e9ho bl\u00edzkeho adres\u00e1ra sta\u010d\u00ed da\u0165 pred n\u00e1zov ..\/<\/strong>po\u017eadovan\u00fd s\u00fabor.<\/p>\n

Zmena pozadia:<\/strong><\/p>\n

<body background=“..\/Design\/Bacground2.jpg“><\/p>\n

Pr\u00edkaz d\u00e1 do pozadia zadan\u00fd obr\u00e1zok v\u00a0ceste v\u0161imnite si \u017ee pr\u00edkaz je s\u00fa\u010das\u0165ou tagu <body>.<\/p>\n

<body bgcolor=“blue“> zmen\u00ed farbu pozadia na modr\u00fa<\/p>\n

\u00a0<\/strong><\/p>\n

Vlo\u017eenie obr\u00e1zka:<\/strong><\/p>\n

<img src=“..\/Images\/Verzia2Ik.jpg“ width=“120″ height=“125″ border=“0″><\/p>\n

Vlo\u017e\u00ed obr\u00e1zok zo zadanej cesty a\u00a0pr\u00edkazmi width a\u00a0height nastav\u00edme obr\u00e1zku ve\u013ekos\u0165 zobrazenia v\u00a0prehliada\u010di. Pr\u00edkaz border sl\u00fa\u017ei aby dan\u00fd obr (pr\u00edpadne text) neboli modr\u00e9 pokial sa jedn\u00e1 o\u00a0odkaz.<\/p>\n

\u00a0<\/strong><\/p>\n

Form\u00e1tovanie textu:<\/strong><\/p>\n

<p><strong><font color=“#999999″ face=“Garamond“><\/font><\/strong><\/p><\/p>\n

<p> – nov\u00fd odsek<\/p>\n

<font> <\/font> pre pr\u00e1cu s\u00a0form\u00e1tom p\u00edsma.<\/p>\n

Color<\/strong>=\u201c#……..\u201c \u2013 zadanie farby v\u00a0hexadecim\u00e1lnom m\u00f3de<\/p>\n

D\u00e1 sa nap\u00edsa\u0165 aj ako <font color= \u2026\u2026..> a <\/font color>, ale jednoduch\u0161ie a preh\u013eadnej\u0161ie je to spoji\u0165 ako vid\u00edte v\u00a0hornom pr\u00edklade.<\/p>\n

Face<\/strong>=\u201c………….\u201c \u2013 nastavenie fontu, na miesto bodiek d\u00e1te n\u00e1zov fontu, ktor\u00fd chcete pou\u017ei\u0165.<\/p>\n

Size<\/strong>=\u201c+1\u201c \u2013 nastav\u00ed ve\u013ekos\u0165 p\u00edsma na +1.<\/p>\n

<strong> <\/strong> <\/strong>zv\u00fdraznenie p\u00edsma na bold<\/p>\n

Tabu\u013eky<\/strong><\/p>\n

<table><\/p>\n

<tr><td>horn\u00e1 \u013eav\u00e1 bunka<\/td><td>horn\u00e1 prav\u00e1 bunka<\/td><\/tr><\/p>\n

<tr><td>doln\u00e1 \u013eav\u00e1 bunka<\/td><td>doln\u00e1 prav\u00e1 bunka<\/td><\/tr><\/p>\n

<\/table><\/p>\n

Text v\u00a0tabu\u013ek\u00e1ch sa d\u00e1 rovnako upravova\u0165 ako v\u00a0odstavcoch.<\/p>\n

Obr\u00e1zok na pozad\u00ed tabu\u013eky:<\/p>\n

Background =\u201curl k\u00a0obr\u00e1zku\u201c<\/p>\n

Farba pozadia tabu\u013eky<\/p>\n

Bgcolor=\u201c#…………..\u201d v\u00a0hexadecim\u00e1lnom z\u00e1pise inak sa nap\u00ed\u0161e anglick\u00fd n\u00e1zov farby do apostrofov.<\/p>\n

Oba pr\u00edkazy sa d\u00e1vaj\u00fa do prv\u00e9ho tagu tabu\u013eky<\/p>\n

<table bgcolor=“#000000″><\/p>\n

Alebo jednotlivo do buniek:<\/p>\n

<tr bgcolor=“#000000″background=“…….url……… „><\/p>\n

verzia na stiahnutie pdf: html<\/a><\/strong><\/p>\n

Edupage <\/a><\/p>\n

Vypracovan\u00e9 z\u00a0http:\/\/www.jakpsatweb.cz<\/a><\/p>\n

Nie\u010do podobn\u00e9 je aj na danej str\u00e1nke : http:\/\/www.jakpsatweb.cz\/html\/html-tahak.html<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

HTML verzia na stiahnutie pdf: html Jazyk sa sklad\u00e1 z takzvan\u00fdch p\u00e1rov\u00fdch a nep\u00e1rov\u00fdch pr\u00edkazov. P\u00e1rov\u00e9 musia ma\u0165 ozna\u010den\u00fd za\u010diatok a\u00a0koniec pr\u00edkazu. Pr: <head> je za\u010diatok hlavi\u010dky a <\/head> je koniec hlavi\u010dky. Ak chcete pozrie\u0165 ako m\u00e1 t\u00e1 ktor\u00e1 str\u00e1nka rie\u0161en\u00fd k\u00f3d, cho\u010fte do menu zobrazi\u0165 a Z\u00e1kladn\u00e1 \u0161trukt\u00fara html je: <html> \u00a0 <head> <title>Nadpis, … Pokra\u010dova\u0165 v \u010d\u00edtan\u00ed: Mini z\u00e1klady HTML<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-94","post","type-post","status-publish","format-standard","hentry","category-html"],"_links":{"self":[{"href":"https:\/\/www.legon.sk\/wp\/index.php?rest_route=\/wp\/v2\/posts\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.legon.sk\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.legon.sk\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.legon.sk\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.legon.sk\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=94"}],"version-history":[{"count":9,"href":"https:\/\/www.legon.sk\/wp\/index.php?rest_route=\/wp\/v2\/posts\/94\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/www.legon.sk\/wp\/index.php?rest_route=\/wp\/v2\/posts\/94\/revisions\/347"}],"wp:attachment":[{"href":"https:\/\/www.legon.sk\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.legon.sk\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.legon.sk\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}