Počítače - HTML  -  Odstavec, nadpis, seznam, div, span

Odstavec, nadpis, seznam, div, span

K základnímu členění vašich textů na stránce budete využívat:

a/ nadpisy
b/ odstavce
c/ seznamy
d/ elementy div a span k označení zvláštní části textu

Nadpisy

Pro nadpisy používáme tagy H1 až H6. Tyto druhy nadpisů jsou předformátované a liší se zejména velikostí písma (H1 - největší a nejdůležitější, H6 nejmenší). Nadpisy se většinou automaticky zobrazí tučně a větším písmem.

vzor zápisu :
<h3>Toto je nadpis třetí úrovně</h3> a zde pokračuje již normální text.

Odstavce

Odstavce od sebe oddělují jednotlivé, významově a obsahově rozdílné části textu. Většinou obsahuje více řádků. Celý odstavec se uzavře do tagů:

<p> zde je uveden text odstavce ,
az de další řádek ...</p>


Seznamy

Seznamy jsou významnou částí textů a budete s nimi pracovat velmi často. Dělí se na uspořádané a neuspořádané seznamy.

Uspořádaný seznam je očíslován, nebo jinak sestupně, či vzestupně označen
Neuspořádaný seznam je pouze výčet položek.

Příklad neuspořádaného seznamu (ul):

Kód:

<ul>
<li>první položka</li>
<li>druhá položka</li>
<li>třetí položka</li>
</ul>



bude zobrazen takto:

  • první položka
  • druhá položka
  • třetí položka




Příklad uspořádaného seznamu (ol):

Kód:

<ol>
<li>první položka</li>
<li>druhá položka</li>
<li>třetí položka</li>
</ol>



bude zobrazen takto :

  1. první položka
  2. druhá položka
  3. třetí položka



Elementy div a span k označení části textu

Pokud potřebujete označit nějaký úsek textu, nebo jeho celý blok, můžete k tomu využít elementy div a span. Hlavní význam doceníte patrně až ve chvíli, kdy budete takto označený text (uvnitř tagů) formátovat - měnit barvu písma, velikost, pozadí ap.

div - je blokový element, k označení více řádků <div> ... několikařádkový text...</div>
span - je řádkový element, k označení části čádku <span> část řádku</span>



Rozdíl mezi oběma elementy je také v možnostech formátování, které si vyzkoušíte až později.
Např. u blokových elementu (např. div )je možné nastavovat rozměry (šířka,výška, odsazení, barva písma,...) . U řádkových elementů (např. span )toho lze nastavovat méně - formátování písma, výška řádku, ...

Zalomení řádky

Při psaní textu myslete na to, že prohlížeč bude zcela ignorovat veškeré za sebou vložené prázdné mezery (zobrazí pouze jednu) a vložené prázdné řádky. Pokud tedy chcete zalomit řádek na konkrétním místě, je potřeba do tohoto místa vložit nepárový tag konce řádku <br>. V tomto místě bude řádek na www stránce ukončen a text bude pokračovat na řádku dalším.


Vložení vodorovné čáry

Pokud potřebujete vložit vodorovnou linku a oddělit tak jednotlivé části stránky, nebo textu, docílíte toho vložením tagu <hr>:



Příklad - Použití nadpisů, odstavce a seznamu :

<html>

<head>
<title>Má vlastní stránka</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
</head>

<body>
<h4>Obsah:</h4>
<ol>
<li>Úvod, má první stránka</li>
<li>Hlavní část, nějaké texty</li>
<li>Závěr</li>
</ol>>

<h1>Úvod, má první stránka</h1>
<p>Toto je první odstavec mého textu</p>
<p>Toto je druhý odstavec mého textu</p>

</body>

</html>




TipKlávesové zkratky. V sekci Počítače - Klávesové zkratky najdete výpis nejpoužívanějších klávesových zkratek.
Vložit nový inzerát Inzerce zdarma:
Pronájem bytu 1kk
Pronajmu byt 1kk v Plzni Skvrňanech za 9000,-plus 10000,-vratná kauce. Nově reko ...
Prodám
Stolek pod počítač s výsuvnou deskou pro klávesnici ...
strojník
Hledáme strojníka pásového minirypadla,nejlépe z Plzně a okolí.Strojní průkaz po ...
nový sterilizator 20x20
nový sterilizátor zničí very, bakterie a mikroorganismy. Značka Germix cena 1499 ...
Daruji ochocene morcatko
Daruji ochocene,dospele morce. Specha! Pridam krmeni. Osobni odber v Plzni. ...
Daruji mlady chovny par potkanu
Daruji mlady,chovny par potkanu,specha! Pridam krmeni. Osobni odber v Plzni. ...
foto k inzerci 2 KŘESLA NA ZAHRADU
Prodám dřevěná polohovací křesla Orlando na zahradu včetně potahů (2 ks). Úplně ...
foto k inzerci KOČÁREK PRO PANENKU
Prodám hezký kočárek pro panenku. Cena je 220 Kč. Info na tel. 728799053, Plzeň. ...
Copyright © 2008 - 2020   Plzenak.cz
Všechna práva vyhrazena , kopírování a další užití zveřejněných materiálů je možné pouze se souhlasem redakce :   Kontakt  
Hledat na internetu

Hlavní strana | Inzerce | Počítače | Hudba | Kontakt