Učenie HTML časť 4: Ako vytvoriť názov (nadpis) v HTML
Tentokrát vysvetlím akorobiť nadpisy v HTML. Pri vytváraní dokumentu HTML sa odporúča pridať do dokumentu nadpisy. Nadpis je skupina fráz alebo slov, ktoré sa v dokumente HTML stanú titulom alebo podtitulkom.
Udelenie titulu je určite veľmi potrebnéposkytnúť prehľad rozpravy alebo článku v dokumente HTML. Nadpisy nie sú tituly (názvy v dokumente HTML), ktoré sa zobrazujú ako nadpisy dokumentov HTML v záhlaví okna, ale nadpisy sa v obsahu dokumentu zobrazujú ako nadpis diskurzu alebo textu.
HTML poskytuje nadpisy šiestich úrovní rôznych veľkostí. Použitie značky nadpisu sa začína značkou <Hx> a končí značkou </ Hx> kde x je číslo úrovne nadpisu od 1 do 6, kdečím väčšia je hodnota x, tým menšia je veľkosť nadpisu. Čím je však hodnota x menšia, tým vyššia je úroveň dôležitosti názvu, inými slovami h1, má dôležitejšie postavenie ako h6 a tak ďalej.
Pokiaľ ide o nadpis, sprievodný atribút je ALIGN čo umožňuje zobrazenie nadpisov rovne, vľavo alebo v strede. Nasleduje tabuľka hodnôt atribútov ALIGN v nadpise:
hodnota | funkcie |
Left | Zarovnať nadpis smerom doľava |
doprava | Zarovnať nadpis doprava |
centrum | Zarovnať nadpis na stred |
Pre viac informácií tu je kód pre použitie nadpisov:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Headings Di HTML</title>
</head>
<body>
<h1 align="left"> Heading 1</h1>
<h2 align="left"> Heading 2</h2>
<h3 align="left"> Heading 3</h3>
<h4 align="left"> Heading 4</h4>
<h5 align="left"> Heading 5</h5>
<h6 align="left"> Heading 6</h6>
</body>
</html>
Po spustení vyššie uvedeného kódu HTML budú výsledky vyzerať ako na obrázku nižšie:
Obrázok vyššie ukazuje zreteľne rozdiel vo veľkosti každej úrovne nadpisov od 1 do 6. Potom treba pamätať na použitie atribútov align nadpis HTML5 nepodporuje, pretože bol nahradený použitím CSS. Nižšie sú uvedené predvolené hodnoty od h1 do h6 v CSS, ktoré prehliadač zvyčajne zobrazuje:
H1 | H2 | H3 |
displej: blok; veľkosť písma: 2em; horná hranica: 0,67m; margin-bottom: 0.67em; ľavý okraj: 0; pravý okraj: 0; font-weight: bold; |
displej: blok; veľkosť písma: 1,5 m; horná hranica: 0,83m; marža-dno: 0,83em; ľavý okraj: 0; pravý okraj: 0; font-weight: bold; |
displej: blok; veľkosť písma: 1,17em; horná hranica: 1em; margin-bottom: 1em; ľavý okraj: 0; pravý okraj: 0; font-weight: bold; |
H4 | H5 | H6 |
displej: blok; veľkosť písma: 1em; horná hranica: 1,33 m; margin-bottom: 1,33em; ľavý okraj: 0; pravý okraj: 0; font-weight: bold; |
displej: blok; veľkosť písma: 0,83em; horná hranica: 1,67 m; margin-bottom: 1,67em; ľavý okraj: 0; pravý okraj: 0; font-weight: bold; |
displej: blok; veľkosť písma: .67em; horná hranica: 2,33 m; margin-bottom: 2,33em; ľavý okraj: 0; pravý okraj: 0; font-weight: bold; |
Horizontálna deliaca čiara (značka <hr>)
Ďalej je použitie značky <hr>. Značku <hr> môžete použiť na vytvorenie vodorovných deliacich čiar v dokumentoch HTML. Značka <hr> v predvolenom nastavení vytvorí riadky pozdĺž okna prehliadača. V značke <hr> je tiež niekoľko atribútov:
atribút | funkcie |
align | Pre zarovnávacie čiary, či už rovné, stredné alebo pravé |
veľkosť | Nastavte hrúbku čiary na hodnotu pixla |
noshade | Zobrazuje čiary bez 3D tieňov |
farba | Dajte farbu do čiar |
šírka | Nastavte šírku čiary pomocou pixelových alebo percentuálnych hodnôt |
Nasleduje príklad použitia značky <hr>:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Pemisah Horizontal Di HTML</title>
</head>
<body>
<h1 align="left"> Heading 1</h1>
<hr color="green" width="20%" size=3 align="left" >
<h4 align="left"> Heading 4</h4>
</body>
</html>
Po zobrazení v prehliadači budú výsledky vyzerať nižšie.
V nastavení šírky značky <hr> môžetepomocou px alebo percent (%). V príklade vyššie používam percento (%) inými slovami, šírka je 20% šírky okna prehliadača. Ak to urobíte 100%, značka <hr> bude taká široká ako okno vášho prehliadača.
Potom sú atribúty v značke <hr>vyššie uvedené nie je podporované HTML5, pretože jeho funkcia bola nahradená použitím CSS. Tiež v HTML 4.01 je značka <hr> definovaná ako vodorovná čiara, ale v HTML5 je definovaná ako tematická prestávka, ako je zmena témy diskurzu, zmena príbehu a tak ďalej.
V nasledujúcom článku sa môžete stretnúťs niektorými značkami HTML, ktoré nepodporuje HTML5. Aj napriek tomu to budem vysvetľovať, takže viete o funkcii týchto značiek. Ďalej sa naučíme, ako robiť odseky v HTML.