(shrnutí lekcí 1 až 4)
Obsah lekce :
Zdrojový
kód dokumentu lze prohlížet a editovat v libovolném textovém
editoru. Výsledný dokument je závislý na prohlížeci HTML dokumentu
( browser ).
Úprava textu je realizována pomocí příkazů, které jsou uzavřeny
do ostrých závorek "<" a ">".
Příkaz, který je tvořen počátečním a koncovým navěštím, se nazývá
"kontejner".Většina příkazů lze upřesnit pomocí různých atributů
Atributy jsou psány hned za vlastní počáteční návěšti. Příkazy lze
do sebe vnořovat.
V dokumentu mohou být odkazy na jiné objekty. K identifikaci těchto
objektů slouží URL adresy
Zakladní kostra dokumentu je tvořena touto konstrukcí:
<HTML>
<HEAD> hlavička dokumentu
<TITLE> titulek dokumentu</TITLE>
</HEAD>
<BODY> tělo dokumentu
</BODY>
</HTML>
|
V jazyce HTML jsou mezery mezi řádky a několik po sobě jdoucích mezer
mezi slovy ignorovány.Proto je nutné požadovanou
strukturu dokumentu dotvořit až pomocí několika příkazů.
Základní příkazy k formátování textu :
<P> - nový odstavec
<PRE> - zobrazení textu přesně tak jak byl napsán
<BR> - přechod na novou řádku
<HR> - vodorovná čára
Druhy nadpisů :
<BODY>
Normální text
<H1>Velikost 1</H1>
<H2>Velikost 2</H2>
<H3>Velikost 3</H3>
<H4>Velikost 4</H4>
<H5>Velikost 5</H5>
<H6>Velikost 6</H6>
</BODY>
Výsledek:
Velikost 1
Velikost 2
Velikost 3
Velikost 4
Velikost 5
Velikost 6
|
K označení delšich citátů se používá příkaz <BLOCKQUOTE>,
který je prohlížečem zobrazován jako text odsazený od okraje, nebo
je zobrazen kurzívou, případne obojí. Ke zvýraznění jména autora nebo
názvu citovaného díla lze použít příkaz <CITE>, který
nevytvoří nový odstavec.
Pokud jde o zápis adres (především e-mailových), používá se příkaz
<ADDRESS>. Ani při interpretaci tohoto návěstí nevytvoří
prohlížec nový odstavec.
Jazyk HTML je pro formátování bloku textu vybaven celou řadou příkazů
a jejich parametrů. Jedním z parametrů mnoha příkazu je atribut
ALIGN, který slouží predevším k zarovnávání textů podle okrajů
a k obtékání obrázků. U drtivé větsiny příkazů, které mají tento
parametr, může nabývat hodnot left, right a center.
Pomocí příkazu FONT lze měnit velikost písma v rámci odstavce.
Použitá velikost písma je definovaná pomocí parametru SIZE,
který může nabývat hodnot 1 až 7, přicemž číslo 7 udává nejvetsí písmo.
Standardně je velikost fontu nastavena na SIZE=3. Kromě
absolutních údajů o velikosti písma lze zadávat také údaje relativní.
V tomto případě předchází číslu značícímu velikost fontu znaménko
"+" nebo "-", které znamená o kolik
se má se font zvětšit (zmensit) oproti současnému nastavení.
Nečíslovaný seznam
Jazyk HTML obsahuje několik druhu seznamů. Prvním z nich je nečíslovaný
seznam <UL>. Jednotlivým položkám seznamu pak předchází
uvozující příkaz <LI> (list item). Položky jsou
následně automaticky odsazeny a je pred ně umístěna odrážka.
Návěstí <LH> slouží k definici záhlaví (nadpisu)
seznamu.Seznamy lze do sebe vkládat a prohlížec bude položky tohoto
"vnořeného" seznamu odsazovat vždy o jeden krok vpravo.
<UL>
<LI>Automobil
<LI>Motocykl
<LI>Bicykl
</UL>
Výsledek:
- Automobil
- Motocykl
- Bicykl
|
Číslovaný seznam
Číslované seznamy jsou definovány obdobně jako nečíslované. Jediným
rozdílem je použití příkazu <OL> místo <UL>.
Použití příkazů <LH> a <LI> je totožné
jako u nečíslovaného seznamu.
<OL>
<LI>Automobil
<LI>Motocykl
<LI>Bicykl
</OL>
Výsledek:
- Automobil
- Motocykl
- Bicykl
|
Seznamy definic
Seznamy definic slouží k definování pojmu. Tento seznam je uvozen
příkazem <DL> (definition list). Mezi návěštími tohoto
příkazu jsou umístěny návěští dalších dvou. Jedná se o definici pojmu
<DT> (definition term) a vysvětlení pojmu
<DD>. Tyto dva příkazy jsou od sebe opticky odlišeny a
jejich realizace je ponechána na prohlížeči.
Příklad
Napište zdrojový program v jazyce HTML, jehož výsledkem bude
následujících 15 řádek :
Toto je můj první příklad v jazyce HTML
Detailní design
- Úvod
- Účel a hlavní funkce systému
- Odkazy na dokumentaci
- Přehled dokumentů
- Popis modulu N
- Popis účelu a funkce
- Funkční rozhraní
- Datové rozhraní
- Vazby na ostatní moduly
- Popis funkcí
- Datové soubory
- Přehled
- Struktura souboru
Jedno z možných řešeni najdete zde
Testování
- zde si můžete vyzkoušet, jak jste danou látku zvládli
|