Tag Body - Tělo dokumentu
| <body bgcolor="#" link="#" alink="#" vlink="#"> | |
|---|---|
<body>...</body> |
Uvozuje začátek a konec HTML kódu, který se bude zobrazovat |
<body leftmargin="číslo"> |
Velikost levého okraje stránky v pixelech (pro IE) |
<body topmargin="číslo"> |
Velikost horního okraje stránky v pixelech (pro IE) |
<body marginheight="číslo"> |
Velikost horního okraje stránky v pixelech (pro NN) |
<body marginwidth="číslo"> |
Velikost levého okraje stránky v pixelech (pro NN) |
<body bgcolor="barva"> |
Nastavení barvy pozadí stránky v hexadecimálním tvaru |
<body background="soubor.ext"> |
Nastavuje obrázek na pozadí stránky |
<body text="barva"> |
Specifikuje barvu normálního textu v hexadecimálním tvaru |
<body link="barva"> |
Specifikuje standardní barvu nenavštívených odkazů v hexadecimálním tvaru |
<body alink="barva"> |
Specifikuje standardní barvu aktivních odkazů v hexadecimálním tvaru |
<body vlink="barva"> |
Specifikuje standardní barvu navštívených odkazů v hexadecimálním tvaru |
<b>...</b> |
Tučný text (bold) |
<i>...</i> |
Skloněný text (italic) |
<u>...</u> |
Podtržený text (underline) |
<sup>...</sup> |
Horní index písma |
<sub>...</sub> |
Dolní index písma |
<strike>...</strike> |
Přeškrtnuté písmo |
<small>...</small> |
Zmenší velikost textu o jeden stupeň |
<big>...</big> |
Zvětší text o jeden stupeň |
<pre>...</pre> |
Text je zobrazen přesně tak, jak je naformátován v HTML kódu. |
<h1-h6>...</h1-h6> |
Vytvoří nadpisy, H1 je největší velikost, H6 nejmenší |
<br>, <br /> |
Zalomení řádku |
<p>...</p> |
Odstavec textu (paragraph) |
<p align="left/right/center/justify"> |
Zarovnání textu v odstavci |
|
Vloží pevnou mezeru (nonbreak space) |
Písmo - tag Font
| <font face="" size="n" color="#"> | |
|---|---|
<font>...</font> |
Základní tag pro změnu písma |
<font size="číslo"> |
Velikost písma od 1 do 7, hodnota 1 je nejmenší, 7 je největší |
<font face="název"> |
Druh písma na stránce (např. Arial) |
<font color="barva"> |
Barva písma, v hexadecimálním tvaru |
Odkazy - tag A (anchor)
| <a href="URL" title="text"> | |
|---|---|
<a>...</a> |
Startovací a ukončovací tag odkazu |
<a href="URL"> |
Vytvoří odkaz na zadanou adresu |
<a href="#název"> |
Skok na definované místo v aktuální stránce |
<a href="URL#název"> |
Odkaz na uvedenou stránku a skok na definované místo v ní |
<a name="název"> |
Definice pojmenované části dokumentu (souvisí s dvěma předchozími parametry) |
<a href="mailto:email"> |
Vytvoří odkaz, který otevře email s předefinovanou e-mailovou adresou |
<a target="_blank/_self/_parent/_top"> |
Specifikuje, v jakém okně prohlížeče se má dokument zobrazit |
Obrázky - tag Img
| <img src="URL" width="" height="" alt="" /> | |
|---|---|
<img>, <img /> |
Vložení obrázku do dokumentu |
<img src="url" alt="text"> |
Vložení obrázku, který se má zobrazit a jeho popisek |
<img align="left/right/center/bottom/top"> |
Určuje zarovnání obrázku |
<img border="číslo"> |
Velikost orámování obrázku v pixelech |
<img height="číslo"> |
Určuje výšku obrázku v pixelech |
<img width="číslo"> |
Určuje šířku obrázku v pixelech |
<img hspace="číslo"> |
Určuje velikost volného prostoru obrázku vlevo a vpravo v pixelech (horizontal space) |
<img vspace="číslo"> |
Určuje velikost volného prostoru nad a pod obrázkem v pixelech (vertical space) |
<img usemap="map-name"> |
Definuje, že obrázek je "klikací mapa" |
Tabulky - tag Table, Tr, Td
| <table width="" cellspacing="" cellpadding="" summary=""> | |
|---|---|
<table>...</table> |
Vytvoření tabulky |
<table border="číslo"> |
Nastavení orámování tabulky v pixelech |
<table cellspacing="číslo"> |
Určuje odsazení vnějšího prostoru mezi jednotlivými buňkami tabulek |
<table cellpadding="číslo"> |
Určuje velikost vnitřního odsazení od okraje buňky tabulky |
<table height="číslo" nebo "%"> |
Určuje výšku tabulky v pixelech nebo procentuální velikosti okna prohlížeče (IE) |
<table width="číslo" nebo "%"> |
Určuje šířku tabulky v pixelech nebo procentuální velikosti okna prohlížeče |
<td>...</td> |
Definuje buňku tabulky |
<td bgcolor="barva"> |
Nastaví definovanou barvu pro buňku tabulky |
<td colspan="číslo"> |
Určuje počet sloupců, které má daná buňka spojovat |
<td rowspan="číslo"> |
Určuje počet řádků, které má daná buňka spojovat |
<td nowrap> |
Určuje, že obsah buňky nebude zalomen |
<th>...</th> |
Definuje záhlaví tabulky, kde text bude zobrazen tučně a vycentrován na střed |
<tr>...</tr> |
Vytváří řádky tabulky |
<tr bgcolor="barva"> |
Nastaví definovavou barvu pro celý řádek tabulky |
<tr align="left/right/center"> |
Definuje horizontální zarovnání obsahu celého řádku |
<tr valign="top/middle/bottom"> |
Definuje vertikální zarovnání obsahu celého řádku |
<td align="left/right/center"> |
Definuje horizontální zarovnání obsahu buňky tabulky |
<td valign="top/middle/bottom"> |
Definuje vertikální zarovnání obsahu buňky tabulky |
<ul>...</ul> |
Start a konec nečíslovaného seznamu |
<ol>...</ol> |
Start a konec číslovaného seznamu |
<ol type="a/A/i/I/1"> |
Druh číslování dokumentu |
<li>položka</li> |
Vytvoření položky pro číslovaný nebo nečíslovaný seznam |
<li type="square/disc/circle"> |
Typ odrážky v položce: square- čtverec, disk - prázdné kolečko, circle - plné kolečko |
<dl>...</dl> |
Start a konec definičního výčtu |
<dt> |
Definice pojmu <dt> |
<dd> |
Vysvětlení pojmu (<dl><dt>Pojem</dt> <dd>Vysvětlení...</dd></dl>) |
Přejít na příklady kódu seznamů.
Rámce - tag Frameset, Frame, Noframe
<frameset>...</frameset> |
Definice rámců ve stránce, musí být umístněna před BODY |
<frameset rows="číslo,číslo"> |
Určuje vzájemné rozměry řádku rámců, je možné zadat číselnou hodnotu, procentuální nebo * |
<frameset cols="číslo,číslo"> |
Určuje vzájemné rozměry sloupců rámců, je možné zadat číselnou hodnotu, procentuální nebo * |
<noframes>...</noframes> |
Alternativní obsah pro prohlížeče nepodporující rámy |
<frame src="?"> |
Definuje obsah (HTML stránku) konkrétního rámce |
<frame name="název"> |
Určení jména rámce, na který se pak lze odkazovat |
<frame marginwidth="číslo"> |
Určení šířky okraje daného rámce |
<frame marginheight="číslo"> |
Určení výšky okraje daného rámce |
<frame scrolling="auto/yes/no"> |
Vytvoří, vyruší či zobrazí podle potřeby v rámci rolovací lištu |
<frame noresize> |
Zruší možnost změny velikost rámců čtenářem. |
Formuláře - tag Form, Select, Input
<form>...</form> |
Uvozuje začátek a konec samotného formuláře |
<form action="url"> |
Definuje cestu ke skriptu, který bude data z formuláře zpracovávat |
<form method="get|post"> |
Druh odeslání dat serveru |
<form accept="media type"> |
Definice MINE |
<form accept-charset="text"> |
Definice znakové sady |
<form enctype="media type"> |
Definuje formát odesílaných dat |
<select name="jméno">...</select> |
Vytvoří rolovací menu |
<select size="číslo"> |
Size určuje velikost roletového menu (kolik položek bude vidět současně) |
<select multiple> |
Multiple - umožní vybrat kurzorem více položek současně |
<option> |
Tag pro definici položky v Select |
<input align="left/right/top/bottom/middle"> |
Zarovnání prvku formuláře |
<input type="text/password" size="číslo"> |
Velikost formulářového pole ve znacích |
<input type="text/password" maxlength="číslo"> |
Maxlength - maximální počet znaků, které lze zadat do formulářového pole |
<input type="text/password" value="hodnota"> |
Value - předem připravený text/heslo ve formulářovém poli |
<input type="checkbox"> |
Vytvoří zatržítko (checkbox) |
<input type="checkbox" checked> |
Checked - automaticky toto zatržítko zatrhne |
<input type="hidden" value="hodnota"> |
Neviditelné pole, používá se pro odeslání předem definovaných hodnot (určena pomocí value). |
<input type="image" src="URL"> |
Obrázek, který slouží jako odesílací tlačítko, URL určuje cestu k obrázku |
<input type="password"> |
Vytvoří pole pro zadávání hesla (hvězdičky) |
<input type="radio"> |
Vytvoří radio-button |
<input type="radio" name="jméno"> |
Name definuje text, který musí být stejný pro jednu sérii radio-buttonů (aby šlo vybrat pouze jednu položku) |
<input type="radio" value="hodnota"> |
Value definuje hodnotu, která se odešle serveru ke zpracování (server pak ví, jaký radio-button jste vybrali) |
<input type="text"> |
Vytvoří pole pro text |
<input type="textarea"> |
Vytvoří víceřádkové pole pro text |
<input type="textarea" rows="číslo" > |
Rows - počet řádků v textarea - určuje "výšku" textarea |
<input type="textarea" cols="číslo"> |
Cols - počet sloupců/znaků v textarea - určuje "šířku" textarea |
<input type="submit"> |
Odešle obsah formuláře serveru |
<input type="reset"> |
Vymaže obsah formuláře a nastaví počáteční údaje |
<input type="submit/reset" value="text"> |
Text, který se zobrazí na odesílacím nebo vymazávacím tlačítku |
Tag Meta
<meta name="typ informace" content="samotná informace"> |
První druh meta-tagu (umísťuje se do sekce HEAD) |
<meta http-equiv="typ informace" content="samotná informace"> |
Druhý druh meta-tagu (umísťuje se do sekce HEAD) |
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> |
Definice kódování stránky (windows-1250) |
<meta http-equiv="Refresh" content="číslo; URL=adresa"> |
Meta-tag pro přesměrování, číslo je počet sekund, než dojde k přesměrování, URL je adresa, kam bude prohlížeč přesměrován |
<meta name="description" content="popisek_stránky"> |
Meta-tag pro definici popisku stránky (pro vyhledávače) |
<meta name="keywords" content="klíčová, slova"> |
Meta-tag pro definici klíčových slov, oddělují se čárkou (pro vyhledávače) |