{"id":340,"date":"2025-01-05T11:54:47","date_gmt":"2025-01-05T10:54:47","guid":{"rendered":"https:\/\/www.periferieprahy.cz\/blog\/?p=340"},"modified":"2025-08-05T20:18:57","modified_gmt":"2025-08-05T18:18:57","slug":"html","status":"publish","type":"post","link":"https:\/\/www.periferieprahy.cz\/blog\/2025\/01\/05\/html\/","title":{"rendered":"HTML"},"content":{"rendered":"\n

Mal\u00e1 pom\u016fcka pro ty, kte\u0159\u00ed cht\u011bj\u00ed ve sv\u00e9m p\u0159\u00edsp\u011bvku pou\u017e\u00edt Blok „Vlastn\u00ed HTML“<\/strong>\u00a0N\u011bkdy nen\u00ed vyhnut\u00ed a je nutn\u00e9 vytvo\u0159it vlastn\u00ed blok pomoc\u00ed HTML, proto\u017ee to zkr\u00e1tka v nab\u00eddce blok\u016f nebo zkr\u00e1cen\u00fdch k\u00f3d\u016f neexistuje. <\/p>\n\n\n\n

Tvo\u0159it HTML pokud se necvi\u010d\u00edme t\u00e9m\u011b\u0159 denn\u011b, nen\u00ed v\u011bc jednoduch\u00e1. Pro za\u010d\u00ednaj\u00edc\u00edho a m\u00edrn\u011b pokro\u010dil\u00e9ho doporu\u010duji pou\u017e\u00edt n\u011bkter\u00fd z gener\u00e1tor\u016f k\u00f3du HTML typu WYSIWYG<\/strong> neboli \u201eCo vid\u00edte \ud83d\udc40, to dostanete \ud83c\udf81\u201c <\/strong>. Mn\u011b se osv\u011bd\u010dil star\u00fd dobr\u00fd FrontPage<\/a> od MS. Je to u\u017e d\u011bde\u010dek star\u00fd. Narodil se v roce 2003, ale je v n\u011bkter\u00fdch z\u00e1le\u017eitostech nep\u0159ekonan\u00fd. Mo\u017en\u00e1, \u017ee V\u00e1m bude milej\u0161\u00ed Expression Web<\/a> rovn\u011b od MS. Je to nov\u011bj\u0161\u00ed podoba FrontPage. M\u00e1m to sice nainstalovan\u00e9, ale jsem v\u011brn\u00fd d\u011bde\u010dkovi. Oba programy pracuj\u00ed spolehliv\u011b na Windows 10, s „jeden\u00e1ctkami“ jsem to zat\u00edm nezkou\u0161el. Komu se do instalace z n\u011bjak\u00fdch d\u016fvod\u016f nechce nebo nepou\u017e\u00edv\u00e1 opera\u010dn\u00ed syst\u00e9m Windows m\u016f\u017ee pracovat s online editory M\u011b se l\u00edb\u00ed editor https:\/\/wysiwyghtml.com\/<\/a>. <\/p>\n\n\n\n

Ur\u010dit\u011b jste si v\u0161imli, \u017ee editory FrontPage a Expression Web jsou k dispozici ke sta\u017een\u00ed ze str\u00e1nek JAKPSATVEB. Tam naleznete mnoho u\u017eite\u010dn\u00e9ho a hlavn\u011b HTML p\u0159\u00edru\u010dku.<\/a><\/p>\n\n\n\n

Tady je nab\u00eddka toho nejz\u00e1kladn\u011bj\u0161\u00edho pro pr\u00e1ci s textem a n\u011bkolik drobn\u00fdch pom\u016fcek, kter\u00e9 se mi osv\u011bd\u010dily:<\/strong><\/p>\n\n\n\n

\n\n\n\n

\u00davodn\u00ed blok s textem a inici\u00e1lou – kapit\u00e1lkou – p\u0159\u00edklad<\/strong><\/p>\n\n\n\n

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

\noto je uk\u00e1zka pou\u017eit\u00ed bloku s inici\u00e1lou vytvo\u0159en\u00e9ho pomoc\u00ed HTML. Inici\u00e1lu s obt\u00e9kan\u00fdm textem jsem se pokou\u0161el ud\u011blat r\u016fzn\u00fdmi zp\u016fsoby, ale jen tento um\u00ed zobrazit inici\u00e1ly i na mobilu.\n<\/p>\n\n\n

<p>
<img border=\"0\" src=\"URL obr\u00e1zku\" width=\"94\" height=\"116\" align=\"left\">vlo\u017ete text odstavce
<\/p><\/pre>\n\n\n
\n\n\n\n
N\u011bkolik tag\u016f pro \u00fapravu textu<\/strong><\/p>\n\n\n\n  Tu\u010dn\u00e9 p\u00edsmo  <\/b> v libovoln\u00e9m textu\n\n\n\n
<b> Tu\u010dn\u00e9 p\u00edsmo <\/b><\/pre>\n\n\n\n
\n\n\n\n  Kurziva – \u0161ikm\u00e9 p\u00edsmo  <\/i> v libovoln\u00e9m textu\n\n\n
<i> Kurziva - \u0161ikm\u00e9 p\u00edsmo <\/i><\/pre>\n\n\n
\n\n\n\nBarevn\u00e9 p\u00edsmo tady modr\u00e9 a je\u0161t\u011b tu\u010dn\u00e9<\/b><\/font> tady  \u017elut\u00e9 a kurziva<\/i><\/font> a tady \u010derven\u00e9 oby\u010d<\/font>\n\n\n
<font color=\"blue\"><b> tady modr\u00e9 a tu\u010dn\u00e9<\/b><\/font><\/pre>\n
<font color=\"yellow\"><i> \u017elut\u00e9 a kurziva<\/i><\/font><\/pre>\n
<font color=\"red\">\u010derven\u00e9 oby\u010d<\/font><\/pre>\n
Atribut barvy: white, yellow, fuchsia, aqua, red, lime, blue, black, green, maroon, olive, purple, gray, navy, teal, silver<\/p>\n
 <\/p>\n\n\n
\n\n\n\n
Velikost p\u00edsma<\/strong><\/p>\n\n\n\nzv\u011bt\u0161it p\u00edsmo tady to je velikost 5 a tak\u00e9 tu\u010dn\u00e9 a modr\u00e9<\/b> <\/font>\n\n\n
<font size=\"5\"color=\"blue\"><b>tady to je velikost 5 a tak\u00e9 tu\u010dn\u00e9 a modr\u00e9<\/b> <\/font><\/pre>\n\n\n
Javascriptov\u00e1 ud\u00e1lost, kter\u00e1 se spou\u0161t\u00ed p\u0159i kliknut\u00ed lev\u00fdm tla\u010d\u00edtkem my\u0161i na ur\u010dit\u00fd element. <\/strong><\/p>\n\n\n
Kdy\u017e kliknete na tu \u0161ip\u010di\u010dku na konci koment\u00e1\u0159e, otev\u0159e se v\u00e1m okno v lev\u00e9m rohu, kde m\u016f\u017eete m\u00edt nap\u0159. fotku k dan\u00e9mu textu, webovou str\u00e1nku, dokument pdf apod. Dopln\u00edte v m\u00edst\u011b textu\u00a0URL CO CHCETE ZOBRAZIT<\/strong> dvakr\u00e1t adresu toho, co chcete zobrazit a zad\u00e1te rozm\u011br okna ve kter\u00e9m se to zobraz\u00ed. Nap\u0159. jako v na\u0161em p\u0159\u00edkladu :\u00a0width=813<\/strong>,height=573<\/strong>:<\/p>\n\n\nHokejist\u00e9 na Libo\u010d\u00e1ku v roce 1933. Foto od pana Jana C\u00edsa\u0159e. Na fotce je jeho otec s p\u0159\u00e1teli. Nepozn\u00e1v\u00e1te n\u011bkoho?<\/a>\n\n\n
<a onclick=\"window.open('URL CO CHCETE ZOBRAZIT','_blank','width=813,height=573,scrollbars=yes,top=0,left=0'); return false\" href=\"URL CO CHCETE ZOBRAZIT\"><IMG border=0 
src=\"https:\/\/www.periferieprahy.cz\/blog\/wp-content\/uploads\/2025\/01\/zobraz_blue.png\" 
width=16 height=11><\/a><\/pre>\n\n\n
\n\n\n\n
To sam\u00e9 zobrazen\u00ed v nov\u00e9m okn\u011b s definovan\u00fdm um\u00edst\u011bn\u00edm a rozm\u011bry lze vyvolat obvykl\u00fdm odkazem:<\/p>\n\n\n\nHokejist\u00e9 na Libo\u010d\u00e1ku<\/a> v roce 1933. Foto od pana Jana C\u00edsa\u0159e. Na fotce je jeho otec s p\u0159\u00e1teli. Nepozn\u00e1v\u00e1te n\u011bkoho?\n\n\n
<a onclick=\"window.open('URL CO CHCETE ZOBRAZIT','_blank','width=813,height=573,scrollbars=yes,top=0,left=0'); return false\" URL CO CHCETE ZOBRAZIT\">UVE\u010eTE TEXT HYPERTEXTOV\u00c9HO ODKAZU<\/a><\/pre>\n\n\n
Skryt\u00fd text<\/h2>\n\n\n\n
n\u011bkdy pot\u0159ebujete, aby text byl na str\u00e1nce neviditeln\u00fd, ale aby ho vyhled\u00e1va\u010de ve v\u00fdsledku vyhled\u00e1n\u00ed mohly prohledat i zobrazit. Tady pou\u017eijte:<\/p>\n\n\n\n
M\u00e1me n\u011bjak\u00fd text<span style=\"visibility: hidden\"><font size=\"1\">TADY TENTO TEXT NEBUDE NA STR\u00c1NCE VIDITELN\u00dd, ALE VYHLED\u00c1VA\u010cE HO VE VYHLED\u00c1N\u00cd MOHOU ZOBRAZIT <\/font><\/span>..viditeln\u00fd text pokra\u010duje.
<\/pre>\n\n\n\n
A takhle to vypad\u00e1 v bloku HTML. Je to jako kdy\u017e text vygumujete – z\u016fst\u00e1v\u00e1 po n\u011bm mezera: <\/p>\n\n\n\nM\u00e1me n\u011bjak\u00fd textTADY TENTO TEXT NEBUDE NA STR\u00c1NCE VIDITELN\u00dd, ALE VYHLED\u00c1VA\u010cE HO VE VYHLED\u00c1N\u00cd MOHOU ZOBRAZIT <\/font><\/span>..viditeln\u00fd text pokra\u010duje.\n\n\n\n
Pokud chcete, aby text plynule navazoval pou\u017eijte  style=“display: none“:  <\/p>\n\n\n\n
M\u00e1me n\u011bjak\u00fd text<span style=\"display: none\"><font size=\"1\">TADY TENTO TEXT NEBUDE NA STR\u00c1NCE VIDITELN\u00dd, ALE VYHLED\u00c1VA\u010cE HO VE VYHLED\u00c1N\u00cd MOHOU ZOBRAZIT <\/font><\/span>..viditeln\u00fd text pokra\u010duje.<\/pre>\n\n\n\n
V\u00fdsledek pomoc\u00ed bloku HTML:<\/p>\n\n\n\nM\u00e1me n\u011bjak\u00fd textTADY TENTO TEXT NEBUDE NA STR\u00c1NCE VIDITELN\u00dd, ALE VYHLED\u00c1VA\u010cE HO VE VYHLED\u00c1N\u00cd MOHOU ZOBRAZIT <\/font><\/span>..viditeln\u00fd text pokra\u010duje.\n\n\n\n
\n\n\n\n
Vkl\u00e1d\u00e1n\u00ed soubor\u016f pdf pomoc\u00ed PDF Embedder<\/h2>\n\n\n\n
Tady je n\u00e1vod https:\/\/wp-pdf.com\/docs\/free-instructions\/?utm_campaign=liteplugin&utm_source=WordPress&utm_medium=Admin%20-%20GetStarted&utm_content=Shortcode&utm_locale=cs_CZ<\/a><\/p>\n\n\n\n
Nastavit rozm\u011bry lze v menu> pluginy >p\u0159ehledy plugin\u016f > pdf-embedder >nastaven\u00ed<\/p>\n\n\n\n
A tady p\u0159\u00edklad vlo\u017een\u00ed pomoc\u00ed bloku zkr\u00e1cen\u00e9ho k\u00f3du. Zarovn\u00e1no do leva:<\/p>\n\n\nArcheo_liboc_ryir<\/a>\n\n\n\n
Tady pomoc\u00ed bloku html a p\u00e1rov\u00e9ho tagu pro odstavec <p align=“center“> <\/p> zarovn\u00e1no na st\u0159ed<\/strong>:<\/p>\n\n\n\n
Archeo_liboc_ryir<\/a>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Mal\u00e1 pom\u016fcka pro ty, kte\u0159\u00ed cht\u011bj\u00ed ve sv\u00e9m p\u0159\u00edsp\u011bvku pou\u017e\u00edt Blok „Vlastn\u00ed HTML“\u00a0N\u011bkdy nen\u00ed vyhnut\u00ed a je nutn\u00e9 vytvo\u0159it vlastn\u00ed blok pomoc\u00ed HTML, proto\u017ee to zkr\u00e1tka v nab\u00eddce blok\u016f nebo zkr\u00e1cen\u00fdch k\u00f3d\u016f neexistuje. Tvo\u0159it HTML pokud se necvi\u010d\u00edme t\u00e9m\u011b\u0159 denn\u011b, nen\u00ed v\u011bc jednoduch\u00e1. Pro za\u010d\u00ednaj\u00edc\u00edho a m\u00edrn\u011b pokro\u010dil\u00e9ho doporu\u010duji pou\u017e\u00edt n\u011bkter\u00fd z gener\u00e1tor\u016f k\u00f3du HTML …
Pokra\u010dovat ve\u00a0\u010dten\u00ed HTML<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":401,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[15,3],"tags":[],"post_folder":[],"class_list":["post-340","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pozn","category-redakce"],"_links":{"self":[{"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/posts\/340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/comments?post=340"}],"version-history":[{"count":6,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/posts\/340\/revisions"}],"predecessor-version":[{"id":5439,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/posts\/340\/revisions\/5439"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/media\/401"}],"wp:attachment":[{"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/media?parent=340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/categories?post=340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/tags?post=340"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/post_folder?post=340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}