HTML - 7. lekce
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama

HTML - 7. lekceHTML - 7. lekce

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno

HTML - 7. lekce

Google       Google       8. 2. 2006       21 842×

Aneb co jsem vynechal nebo zapomněl.....

Reklama
Reklama

Doctype

Vynechal jsem ho hned u první lekce, protože se mi zdál zbytečný, ale pro úplnost ho uvedu.

Každý správně formátovaný HTML dokument by měl na začátku obsahovat informace o verzi použitého HTML a typu DTD (Document Type Definition). DTD je jinými slovy návod pro prohlížeč zpracovávající dokument. Říká mu, jaké elementy dokument používá a jak s nimi zacházet.

Vy nejpíš použijete některou z těchto dvou definicí:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> - pro normální web
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> - s podporou rámců

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> - pokud používáte XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> - XHTML s podporou rámců

Ještě poznámka: //EN neznamená JAZYK !! //CZ není podporováno je to totiž jen verze DTD!

Hudba na pozadí

Pokud chcete jednoduše ozvučit svoje stránky, stačí do hlavičky dát tag bgsound:


<head>
<bgsound src="adresa k souboru" loop="počet opakování">
</head>

Podporované formáty jsou:

  • mid - velmi jednoduchý a malý
  • wav - lepší zvuky ale mají větší velikost

loop - pokud chcete, aby hudba hrála stále, zadejte infinite, jinak číslo.

Tato možnost přehrávání ale funguje jen v IE! V Mozille a jiných nehraje nic. Ale existuje řešení i pro ně.


<embed src="pisnicka.mid" autostart="true" hidden="true" width="128" height="32">
<noembed>Plugin není nainstalován.</noembed>

Takto bude na pozadí hrát písnička pisnicka.mid, začne hrát hned po načtení stránky (autostart="true"). Pokud neuvedete hidden s hodnotou true, budou na stránce vidět ovládací prvky přehrávání. Width a height určují rozměry oněch ovládacích prvků, pokud chcete, aby byly vidět.

Tato možnost by měla fungovat ve všech prohlížečích, POKUD mají onen plugin pro přehrávání midů a wavů! V IE je už zabudovaný. Jinak se musí stáhnout.

Iframe - vnořený rám

Neuvedl jsem ho u předchozí kapitoly, protože je to takový "jiný" rám. Vypadá takhle:


Kód mého příkladu:


<iframe src="http://www.programujte.com" width="300" height="150" scrolling="yes" name="ifrejm" frameborder="1" align="left">Váš prohlížec nepodporuje rámce</iframe>

Iframe a jeho parametry:

Iframe je párový! Mezi tagy je text, který se zobrazí pokud prohlížeč nepodporuje rámce.

parametr: význam:
srcadresa stránky, která se v rámu otevře
widthšířka rámu
heightvýška rámu
scrollingjestli bude rám rolovat (yes, no, auto)
namejméno rámu (kvůli odkazování*)
frameborderšířka okraje rámu
alignzarovnání rámu

* Pokud chcete odkazovat do iframu, zadejte do parametru odkazu target jméno iframu.

Speciální tagy - tzv. entity

znak: entita:
pevná mezera&nbsp;
<&lt;
>&gt;
&&amp;
"&quot;
±&plusmn;
®&reg;
©&copy;
&euro;
»&raquo;
«&laquo;

Jiné tagy se dají napsat také číselně, a to podle ASCII tabulky tímto způsobem:


&#035; - to je #        

Pokud chcete vypsat nějaký znak z ASCII tabulky, stačí přidržet [ALT] a zadat číslo na numerické klávesnici.

Seznamy

tag: použití: parametr: hodnoty: význam: ukázka:
ul odrážkový seznam type dics
circle
square
puntík
kolečko
čtvereček
  • První položka
  • Druhá položka
ol číslovaný seznam 1
A
a
I
i
normální číslování
velké písmenkování
malé písmenkování
římské číslice
malé římské číslice
  1. První položka
  2. Druhá položka
li položka seznamu -

Horizontální čára

Určitě ji znáte a viděli jste třeba nad tímto nadpisem. Její tag je <hr>
Ukázka:


Má pár parametrů:

parametr: význam: hodnoty:
width délka čáry procenta nebo čísla
size tloušťka čáry
align zarovnání čáry s určenou šířkou left, right, center
color barva čáry (jen v IE a Firefoxu) jméno, RGB zápis
noshade čára nebude mít stín -

Tak, teď mi připadá, že už jsem probral asi všechno ze základního a HTML. Pokud vás napadá, co jsem ještě vynechal, pište do Poradny nebo sem do komentářů.

Úkol

  • Vytvořte stránku:
    • se správným DOCTYPEM
    • s úplnou hlavičkou se vším, co do ní patří
    • bude v rámcích
    • nebudou chybět obrázky (s absolutní adresou z jiného webu)
    • bude barevně sladěná
    • bude na ní odkaz na tuhle lekci
    • s tabulkou o více než 5 řádcích se smysluplným obsahem
  • ×Odeslání článku na tvůj Kindle

    Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
    Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

    E-mailová adresa (např. novak@kindle.com):

    TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

    Hlasování bylo ukončeno    
    0 hlasů
    Google
    (fotka) Ondřej ŠateraOndřej se zajímá o tvorbu webů, návrh a implementaci webových aplikací. Studuje v Praze na ČVUT a pracuje u společnosti Emotion design s.r.o
    Web     Twitter    

    Nové články

    Obrázek ke článku Generace Z: Proč je pro ně důležité, kolik mají follow?

    Generace Z: Proč je pro ně důležité, kolik mají follow?

    Životem jdou vybaveni chytrým telefonem v ruce a nedokáží si představit, že by to bylo jinak. Narodili se okolo přelomu tisíciletí a nikdy nezažili nic jiného než digitalizovaný svět. Dotykové obrazovky měli poprvé v rukou na základní škole, ti mladší možná už ve školce. Proto mají na svět jiný pohled než jejich předci. První zástupci této generace začínají dospívat a my brzy uvidíme, jestli je to s nimi tak zlé, jak o nich mnohdy tvrdí jejich rodiče.

    Reklama
    Reklama
    Obrázek ke článku Proč mají absolventi v IT přemrštěné očekávání, a je vůbec přemrštěné?

    Proč mají absolventi v IT přemrštěné očekávání, a je vůbec přemrštěné?

    Poměrně nedávno zveřejnil portál Platy.cz zajímavé statistiky, kde mladí počítačoví experti nastupují do firem s průměrnou mzdou cca 36 000 Kč, hned v závěsu je bankovní sektor se svými cca 31 000 Kč. Pro srovnání – v ostatních oborech se průměrná nástupní mzda pohybuje okolo 28 000 Kč. Nástupní platy jsou samozřejmě ovlivněny i lokalitou zaměstnavatele

    Obrázek ke článku Zpětné sledování sportovních přenosů využívá v létě řada lidí.

    Zpětné sledování sportovních přenosů využívá v létě řada lidí.

    Červenec a srpen představují měsíce, kdy Češi nejčastěji jezdí na vícedenní dovolené. V této době však rovněž probíhá řada důležitých sportovních událostí, jako jsou olympijské hry nebo například právě odehrané fotbalové mistrovství světa. Míra promeškaných sportovních přenosů však klesá díky moderních technologiím a službám. 

    Obrázek ke článku Průzkum JetBrains: JavaScript mezi programátory vede, Kotlin získává na popularitě

    Průzkum JetBrains: JavaScript mezi programátory vede, Kotlin získává na popularitě

    Společnost JetBrains, přední tvůrce softwarových nástrojů pro profesionální vývojáře s centrálou v Praze, představila výsledky průzkumu, který pomáhá lépe porozumět a získat vhled do pracovních návyků programátorů. Zjištění mohou být nápomocná nejen pro zvýšení efektivity, ale také pro vytvoření ideálního pracovního prostředí pro programátory.  

    Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032018 Programujte.com
    Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý