YouTube video na stránku

YouTube video na stránku Jistě byste chtěli mít nějaké video ze serveru YouTube na stránce, a ono je to takhle jednoduché:   Kód: <iframe width=“560″ height=“315″ src=“//www.youtube.com/embed/kód videa“ frameborder=“0″ allowfullscreen></iframe> Ukázka:

Obrázek s vyskakujícím popiskem

Obrázek s vyskakujícím popiskem Pokud máte nějakou galerii nebo prostě seznam obrázků, určitě neuškodí tento skript, který zobrazí popisek obrázku jen, když je nad ním myš.   Kód: <img src=“url adresa obrázku“ onmouseover=“popisek.style.visibility=’visible’“ onmouseout=“popisek.style.visibility=’hidden’“> <span id=“popisek“ style=“visibility:hidden“>popisek obrázku</span> Ukázka: html kody

Ukazatel průběhu

Ukazatel průběhu To, co se kdysi dávno dělalo složitě JavaScriptem, umí dnes jednoduše HTML5. Zobrazit průběh čehokoli, třeba práce na připravované hře nebo zbývající čas do prázdnin, můžeme jednoduše takto:   Kód: Práce na dalším článku: <progress value=“aktuální hodnota“ max=“maximální hodnota„> </progress> Ukázka: Náš web je hotov z 50%  

Rámeček s měnícím se pozadím

Rámeček s měnícím se pozadím Rámeček s měnícím se pozadím se může občas hodit. Jedná se o druh tabulky. Po najetí myší se Vám změní barva pozadí obsaženého v rámečku, tohoto se dá využívat i ve větším měřítku a samozřejmě rámeček může obsahovat i jiné prvky než pouhý text.   Kód: <table border=“3″ bordercolor=“#ff0000″ cellpadding=“10″…

Tisk stránky

 Tisk stránky Tisk stránky je občas zapotřebí. Nabídněte tedy svým návštěvníkům možnost vytištění stránky pomocí tlačítka. Stačí kliknout na tlačítko “ Tisk stránky “ a objeví se okno pro nastavení tisku. Kód: <input type=“button“ value=“Tisk stránky“ onClick=“window.print();“>   Ukázka:

Vtípek na web

 Vtípek na web Jste autorem webu a chtěli byste ho nějak oživit? Chtěli byste aby se návštěvníci vašeho webu zasmáli? Pak pro vás máme jednoduché řešení. Přidejte si Vtípek na web! Vtipy jsou opravdu vtipné (alespoň ve většině případů). Stačí si zkopírovat následující HTML Kód: Kód: <iframe scrolling=no width=135 height=200 borderframe=0 src=http://www.astroseznamka.cz/extra/vtip_01.php?skin=1></iframe> Náhled:  

Tlačítko zpět

Tlačítko zpět Každému se občas může hodit tlačítko zpět, proto Vám ho sem vkládám jako hotový HTML Kód. Kód:  <a href=“javascript:history.back(1)“>Zpět</a>   Ukázka: Zpět

HTML nadpisy

HTML nadpisy Nadpisy používáme skoro na každé stránce, pokud ovšem si nepamatujete, jak je jednotlivý HTML nadpis velký, zde Vám nabízím přehled: <h1>nadpis</h1> nadpis <h2>nadpis</h2> nadpis <h3>nadpis</h3> nadpis <h4>nadpis</h4> nadpis <h5>nadpis</h5> nadpis <h6> nadpis</h6> nadpis

Analogové hodiny

Analogové hodiny Líbí se vám htmlkody.info a chtěli byste nám udělat jednoduchou reklamu? Dejte si na svůj web analogové hodiny s naším motivem pomocí jednoduchého elementu embed:   Kód: <embed  type=“application/x-shockwave-flash“ src=“https://dl.dropboxusercontent.com/u/59985612/Html-Hodiny.swf“ pluginspage=“http://www.macromedia.com/go/getflashplayer“ /> Ukázka:

Vložená stránka

Vložená stránka Pro ukázku nebo za jiným účelem se může hodit vložit jinou stránku přímo do vaší, což dokážeme pomocí prvku Iframe:   Kód: <iframe src=“url adresa„></iframe> Ukázka: