{"id":370,"date":"2023-04-06T00:00:00","date_gmt":"2023-04-06T00:00:00","guid":{"rendered":"http:\/\/soubory.info\/znalost\/komplexni-pruvodce-porozumenim-a-pristupem-ke-kodu-html-na-webovych-strankach\/"},"modified":"2023-04-06T00:00:00","modified_gmt":"2023-04-06T00:00:00","slug":"komplexni-pruvodce-porozumenim-a-pristupem-ke-kodu-html-na-webovych-strankach","status":"publish","type":"post","link":"https:\/\/soubory.info\/znalost\/komplexni-pruvodce-porozumenim-a-pristupem-ke-kodu-html-na-webovych-strankach\/","title":{"rendered":"Komplexn\u00ed pr\u016fvodce porozum\u011bn\u00edm a p\u0159\u00edstupem ke k\u00f3du HTML na webov\u00fdch str\u00e1nk\u00e1ch"},"content":{"rendered":"
\n
<\/div>\n

\u00davod do k\u00f3du HTML na webu <\/p>\n

<\/div>\n

HTML je zkratka pro Hypertext Markup Language a jedn\u00e1 se o formu k\u00f3du pou\u017e\u00edvanou k vytv\u00e1\u0159en\u00ed webov\u00fdch str\u00e1nek. Jazyk HTML pou\u017e\u00edvaj\u00ed v\u00fdvoj\u00e1\u0159i k tomu, aby webov\u00fdm prohl\u00ed\u017ee\u010d\u016fm sd\u011blili, jak\u00e9 typy obsahu se maj\u00ed na str\u00e1nce zobrazit. Je to nejz\u00e1kladn\u011bj\u0161\u00ed zp\u016fsob vytv\u00e1\u0159en\u00ed webov\u00fdch str\u00e1nek a jeho pochopen\u00ed m\u016f\u017ee b\u00fdt skv\u011bl\u00fdm zp\u016fsobem, jak se dostat k v\u00fdvoji webov\u00fdch str\u00e1nek. <\/p>\n

<\/div>\n

Jak zobrazit zdrojov\u00fd k\u00f3d HTML webov\u00e9 str\u00e1nky <\/p>\n

<\/div>\n

P\u0159i na\u010d\u00edt\u00e1n\u00ed webov\u00e9 str\u00e1nky \u010dte webov\u00fd prohl\u00ed\u017ee\u010d k\u00f3d HTML a vytv\u00e1\u0159\u00ed str\u00e1nku. Existuje n\u011bkolik zp\u016fsob\u016f, jak z\u00edskat p\u0159\u00edstup ke zdrojov\u00e9mu k\u00f3du webov\u00e9 str\u00e1nky. V z\u00e1vislosti na prohl\u00ed\u017ee\u010di m\u016f\u017eete na str\u00e1nku kliknout prav\u00fdm tla\u010d\u00edtkem my\u0161i a vybrat mo\u017enost „Zobrazit zdrojov\u00fd k\u00f3d“ nebo „Zobrazit zdrojov\u00fd k\u00f3d str\u00e1nky“. M\u016f\u017eete tak\u00e9 stisknout kl\u00e1vesovou zkratku Ctrl+U (v prohl\u00ed\u017ee\u010d\u00edch Chrome, Firefox a Safari) nebo Ctrl+Alt+U (v prohl\u00ed\u017ee\u010di Internet Explorer). <\/p>\n

<\/div>\n

Porozum\u011bn\u00ed zna\u010dk\u00e1m HTML <\/p>\n

<\/div>\n

Jazyk HTML se skl\u00e1d\u00e1 ze zna\u010dek. Zna\u010dky prohl\u00ed\u017ee\u010di \u0159\u00edkaj\u00ed, jak\u00fd typ obsahu se m\u00e1 na str\u00e1nce zobrazit. Nap\u0159\u00edklad zna\u010dka <\/p>\n

slou\u017e\u00ed k vytvo\u0159en\u00ed nadpisu a zna\u010dka <\/p>\n

k vytvo\u0159en\u00ed odstavce. P\u0159i vytv\u00e1\u0159en\u00ed webov\u00fdch str\u00e1nek je d\u016fle\u017eit\u00e9 porozum\u011bt r\u016fzn\u00fdm typ\u016fm zna\u010dek a jejich pou\u017eit\u00ed. <\/p>\n

<\/div>\n

Pou\u017eit\u00ed webov\u00fdch prohl\u00ed\u017ee\u010d\u016f k zobrazen\u00ed zdrojov\u00e9ho k\u00f3du <\/p>\n

<\/div>\n

V\u011bt\u0161ina webov\u00fdch prohl\u00ed\u017ee\u010d\u016f m\u00e1 vestav\u011bn\u00e9 n\u00e1stroje pro zobrazen\u00ed zdrojov\u00e9ho k\u00f3du webov\u00e9 str\u00e1nky. To je skv\u011bl\u00fd zp\u016fsob, jak se sezn\u00e1mit s jazykem HTML a s t\u00edm, jak jsou r\u016fzn\u00e9 webov\u00e9 str\u00e1nky vytvo\u0159eny. V prohl\u00ed\u017ee\u010di Chrome m\u016f\u017eete otev\u0159\u00edt N\u00e1stroje pro v\u00fdvoj\u00e1\u0159e kliknut\u00edm na t\u0159i te\u010dky v prav\u00e9m horn\u00edm rohu a v\u00fdb\u011brem mo\u017enosti „Dal\u0161\u00ed n\u00e1stroje“ a pot\u00e9 „N\u00e1stroje pro v\u00fdvoj\u00e1\u0159e“. Ve Firefoxu m\u016f\u017eete N\u00e1stroje pro v\u00fdvoj\u00e1\u0159e otev\u0159\u00edt kliknut\u00edm na ikonu se t\u0159emi \u010darami v prav\u00e9m horn\u00edm rohu a v\u00fdb\u011brem mo\u017enosti „Web Developer“. <\/p>\n

<\/div>\n

Vyu\u017eit\u00ed n\u00e1stroj\u016f pro v\u00fdvoj\u00e1\u0159e k zobrazen\u00ed zdrojov\u00e9ho k\u00f3du <\/p>\n

<\/div>\n

N\u00e1stroje pro v\u00fdvoj\u00e1\u0159e jsou skv\u011bl\u00fdm zp\u016fsobem, jak zobrazit a upravit k\u00f3d HTML webov\u00e9 str\u00e1nky. V prohl\u00ed\u017ee\u010d\u00edch Chrome a Firefox m\u016f\u017eete otev\u0159\u00edt N\u00e1stroje pro v\u00fdvoj\u00e1\u0159e a kliknut\u00edm na kartu „Prvky“ zobrazit zdrojov\u00fd k\u00f3d. M\u016f\u017eete tak\u00e9 kliknout prav\u00fdm tla\u010d\u00edtkem my\u0161i na libovoln\u00fd prvek na str\u00e1nce a v\u00fdb\u011brem mo\u017enosti „Inspect“ zobrazit k\u00f3d HTML. <\/p>\n

<\/div>\n

Kontrola k\u00f3du HTML pomoc\u00ed n\u00e1stroje Web Inspector <\/p>\n

<\/div>\n

Web Inspector je dal\u0161\u00ed n\u00e1stroj, kter\u00fd slou\u017e\u00ed k prohl\u00ed\u017een\u00ed a \u00faprav\u00e1m k\u00f3du HTML. Lze jej pou\u017e\u00edt v prohl\u00ed\u017ee\u010d\u00edch Chrome, Firefox a Safari. N\u00e1stroj Web Inspector otev\u0159ete kliknut\u00edm prav\u00fdm tla\u010d\u00edtkem my\u0161i na str\u00e1nku a v\u00fdb\u011brem mo\u017enosti „Inspect“ nebo stisknut\u00edm kl\u00e1vesov\u00fdch zkratek Ctrl+Shift+I (v prohl\u00ed\u017ee\u010d\u00edch Chrome a Firefox) nebo Ctrl+Alt+I (v prohl\u00ed\u017ee\u010di Safari). V aplikaci Web Inspector m\u016f\u017eete na kart\u011b „Prvky“ zobrazit k\u00f3d HTML str\u00e1nky. <\/p>\n

<\/div>\n

Pou\u017eit\u00ed editor\u016f k\u00f3du pro p\u0159\u00edstup ke k\u00f3du HTML <\/p>\n

<\/div>\n

Editory k\u00f3du jsou skv\u011bl\u00fdm zp\u016fsobem, jak p\u0159istupovat ke k\u00f3du HTML webov\u00e9 str\u00e1nky a upravovat jej. Editory k\u00f3du umo\u017e\u0148uj\u00ed zobrazit k\u00f3d p\u0159ehledn\u011bj\u0161\u00edm zp\u016fsobem ne\u017e vestav\u011bn\u00e9 v\u00fdvoj\u00e1\u0159sk\u00e9 n\u00e1stroje. Mezi obl\u00edben\u00e9 editory k\u00f3du pat\u0159\u00ed Sublime Text, Atom a Visual Studio Code. <\/p>\n

<\/div>\n

\u0158e\u0161en\u00ed probl\u00e9m\u016f s p\u0159\u00edstupem ke k\u00f3du HTML <\/p>\n

<\/div>\n

N\u011bkdy m\u016f\u017ee b\u00fdt p\u0159\u00edstup ke k\u00f3du HTML webov\u00e9 str\u00e1nky obt\u00ed\u017en\u00fd. Pokud m\u00e1te pot\u00ed\u017ee s p\u0159\u00edstupem ke k\u00f3du, zkuste vymazat mezipam\u011b\u0165 a soubory cookie prohl\u00ed\u017ee\u010de nebo vypnout v\u0161echna roz\u0161\u00ed\u0159en\u00ed pro blokov\u00e1n\u00ed reklamy. Pokud to nepom\u016f\u017ee, mo\u017en\u00e1 budete muset kontaktovat vlastn\u00edka webov\u00e9 str\u00e1nky, abyste z\u00edskali p\u0159\u00edstup ke zdrojov\u00e9mu k\u00f3du. <\/p>\n

<\/div>\n

Z\u00e1v\u011br <\/p>\n

<\/div>\n

K\u00f3d HTML je z\u00e1kladem ka\u017ed\u00e9 webov\u00e9 str\u00e1nky a jeho pochopen\u00ed m\u016f\u017ee b\u00fdt skv\u011bl\u00fdm zp\u016fsobem, jak se dostat k v\u00fdvoji webov\u00fdch str\u00e1nek. Existuje n\u011bkolik zp\u016fsob\u016f, jak z\u00edskat p\u0159\u00edstup ke zdrojov\u00e9mu k\u00f3du webov\u00e9 str\u00e1nky, nap\u0159\u00edklad pomoc\u00ed webov\u00fdch prohl\u00ed\u017ee\u010d\u016f, v\u00fdvoj\u00e1\u0159sk\u00fdch n\u00e1stroj\u016f, webov\u00e9ho inspektora a editor\u016f k\u00f3du. Pokud m\u00e1te pot\u00ed\u017ee s p\u0159\u00edstupem ke k\u00f3du HTML, zkuste vymazat mezipam\u011b\u0165 a soubory cookie prohl\u00ed\u017ee\u010de nebo vypnout v\u0161echna roz\u0161\u00ed\u0159en\u00ed pro blokov\u00e1n\u00ed reklam. <\/p><\/div>\n

\n
FAQ<\/div>\n
\n
Jak najdu k\u00f3d HTML a CSS webov\u00e9 str\u00e1nky?<\/div>\n

Chcete-li naj\u00edt k\u00f3d HTML a CSS webov\u00e9 str\u00e1nky, m\u016f\u017eete pou\u017e\u00edt n\u00e1stroj pro v\u00fdvoj webov\u00fdch str\u00e1nek, jako je nap\u0159\u00edklad panel n\u00e1stroj\u016f Web Developer Toolbar pro Firefox, nebo m\u016f\u017eete zobrazit zdrojov\u00fd k\u00f3d str\u00e1nky pomoc\u00ed integrovan\u00fdch v\u00fdvoj\u00e1\u0159sk\u00fdch n\u00e1stroj\u016f webov\u00e9ho prohl\u00ed\u017ee\u010de. <\/p>\n<\/div>\n

\n
Jak zkop\u00edruji k\u00f3d HTML webov\u00e9 str\u00e1nky?<\/div>\n

Chcete-li zkop\u00edrovat k\u00f3d HTML webov\u00e9 str\u00e1nky, m\u016f\u017eete pou\u017e\u00edt funkci „View Source“ nebo „Inspect“ webov\u00e9ho prohl\u00ed\u017ee\u010de. <\/p>\n

<\/div>\n

Chcete-li zobrazit zdrojov\u00fd k\u00f3d webov\u00e9 str\u00e1nky v prohl\u00ed\u017ee\u010di Google Chrome, otev\u0159ete str\u00e1nku ve webov\u00e9m prohl\u00ed\u017ee\u010di a na kl\u00e1vesnici stiskn\u011bte kombinaci kl\u00e1ves Ctrl+U (Mac: Cmd+U). T\u00edm se zdrojov\u00fd k\u00f3d str\u00e1nky otev\u0159e na nov\u00e9 kart\u011b. <\/p>\n

<\/div>\n

Chcete-li zkontrolovat webovou str\u00e1nku v prohl\u00ed\u017ee\u010di Google Chrome, otev\u0159ete str\u00e1nku ve webov\u00e9m prohl\u00ed\u017ee\u010di a stiskn\u011bte na kl\u00e1vesnici kombinaci kl\u00e1ves Ctrl+Shift+I (Mac: Cmd+Opt+I). T\u00edm se otev\u0159ou v\u00fdvoj\u00e1\u0159sk\u00e9 n\u00e1stroje Chrome, kter\u00e9 v\u00e1m umo\u017en\u00ed zobrazit zdrojov\u00fd k\u00f3d str\u00e1nky. <\/p>\n<\/div>\n

\n
Jak zobraz\u00edm n\u00e1hled k\u00f3du HTML v prohl\u00ed\u017ee\u010di?<\/div>\n

Existuje n\u011bkolik r\u016fzn\u00fdch zp\u016fsob\u016f, jak zobrazit n\u00e1hled k\u00f3du HTML v prohl\u00ed\u017ee\u010di. Jedn\u00edm ze zp\u016fsob\u016f je otev\u0159en\u00ed v\u00fdvoj\u00e1\u0159sk\u00fdch n\u00e1stroj\u016f prohl\u00ed\u017ee\u010de. Nap\u0159\u00edklad v prohl\u00ed\u017ee\u010di Google Chrome m\u016f\u017eete stisknut\u00edm kombinace kl\u00e1ves Ctrl + Shift + I (nebo Cmd + Option + I v po\u010d\u00edta\u010di Mac) otev\u0159\u00edt v\u00fdvoj\u00e1\u0159sk\u00e9 n\u00e1stroje. Pot\u00e9 klikn\u011bte na kartu „Zdroje“ a vyhledejte soubor, kter\u00fd chcete zobrazit v n\u00e1hledu. Kliknut\u00edm na soubor jej otev\u0159ete a zobraz\u00edte k\u00f3d HTML. <\/p>\n

<\/div>\n

Dal\u0161\u00edm zp\u016fsobem n\u00e1hledu k\u00f3du HTML je pou\u017eit\u00ed textov\u00e9ho editoru, kter\u00fd m\u00e1 vestav\u011bnou funkci n\u00e1hledu. Nap\u0159\u00edklad Visual Studio Code m\u00e1 kartu „N\u00e1hled“, kterou m\u016f\u017eete pou\u017e\u00edt k zobrazen\u00ed k\u00f3du HTML. <\/p>\n

<\/div>\n

V neposledn\u00ed \u0159ad\u011b m\u016f\u017eete tak\u00e9 pou\u017e\u00edt online editor HTML, nap\u0159\u00edklad JSFiddle nebo CodePen. Tyto editory umo\u017e\u0148uj\u00ed ps\u00e1t a prohl\u00ed\u017eet k\u00f3d HTML ve webov\u00e9m prohl\u00ed\u017ee\u010di.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

\u00davod do k\u00f3du HTML na webu HTML je zkratka pro Hypertext Markup Language a jedn\u00e1 se o formu k\u00f3du pou\u017e\u00edvanou k vytv\u00e1\u0159en\u00ed webov\u00fdch str\u00e1nek. Jazyk HTML pou\u017e\u00edvaj\u00ed v\u00fdvoj\u00e1\u0159i k tomu, aby webov\u00fdm prohl\u00ed\u017ee\u010d\u016fm sd\u011blili, jak\u00e9 typy obsahu se maj\u00ed na str\u00e1nce zobrazit. Je to nejz\u00e1kladn\u011bj\u0161\u00ed zp\u016fsob vytv\u00e1\u0159en\u00ed webov\u00fdch str\u00e1nek a jeho pochopen\u00ed m\u016f\u017ee b\u00fdt skv\u011bl\u00fdm … \u010c\u00edst d\u00e1l<\/a><\/p>\n","protected":false},"author":350,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-370","post","type-post","status-publish","format-standard","hentry","category-obchodni-technologie-a-zakaznicka-podpora"],"_links":{"self":[{"href":"https:\/\/soubory.info\/znalost\/wp-json\/wp\/v2\/posts\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soubory.info\/znalost\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/soubory.info\/znalost\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/soubory.info\/znalost\/wp-json\/wp\/v2\/users\/350"}],"replies":[{"embeddable":true,"href":"https:\/\/soubory.info\/znalost\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":0,"href":"https:\/\/soubory.info\/znalost\/wp-json\/wp\/v2\/posts\/370\/revisions"}],"wp:attachment":[{"href":"https:\/\/soubory.info\/znalost\/wp-json\/wp\/v2\/media?parent=370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/soubory.info\/znalost\/wp-json\/wp\/v2\/categories?post=370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/soubory.info\/znalost\/wp-json\/wp\/v2\/tags?post=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}