TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Aneb co jsem vynechal nebo zapomněl.....
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: |
| src | adresa stránky, která se v rámu otevře |
| width | šířka rámu |
| height | výška rámu |
| scrolling | jestli bude rám rolovat (yes, no, auto) |
| name | jméno rámu (kvůli odkazování*) |
| frameborder | šířka okraje rámu |
| align | zarovná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 | |
| < | < |
| > | > |
| & | & |
| " | " |
| ± | ± |
| ® | ® |
| © | © |
| € | € |
| » | » |
| « | « |
Jiné tagy se dají napsat také číselně, a to podle ASCII tabulky tímto způsobem:
# - 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 |
|
| 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 |
| |
| 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
- 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
