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>




Tip
Zahrajte si na banjo. . V sekci Hudba, nástroje, zpěvníky , se dozvíte mnoho informací o banju - technika hry, akordy, ladění apod.
Vložit nový inzerát Inzerce zdarma:
NAJDU BOUBELKU I ROMKU ???
OBYČ.MUZ V INV.DUCHODU 55 Z OKR.DOMAZLICE HLEDA OBYČ. ŽENU na trv.vztah 47-60 NE ...
serval a karakal s roztomilou savan
s ostatními zvířaty a psy a rádi se s vámi podělí o čas na hraní. Rodiče: (na ne ...
foto k inzerci Chata Butov - Přehrada Hracholusky
Prodám zděnou chatu u přehrady Hracholusky,os.vl. Cena 2 990 000,-Kč Koupeln ...
foto k inzerci 2025 Specialized Turbo Levo 3 Expe
2025 Specialized Turbo Levo 3 Expert 5,000 2025 Specialized Turbo Levo 3 Comp C ...
Smoothie
Prodám Smoothie Maker Sencor,SBL 3206YL v pastelové žluté barvě, nový, 2 nádoby. ...
romány Červená knihovna
Prodám soubor 12 ks románů od Kathleen E.Woodiwiss - Krásná zajatkyně, Plamen v ...
foto k inzerci Prodám šatní skříň Shania II
grafitová barva v kombinaci s černým sklem. 6 měsíců stará, nepoškozená. 225×208 ...
foto k inzerci Brand new Apple iphone 13 Pro Max 2
All Our Mobile Phones are shipped from our warehouse in SPAIN, USA, GERMANY, EGY ...
Copyright © 2008 - 2025   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