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>




TipZáklady práce ve Wordu V sekci Počítače - Word - minikurz najdete základy práce s tímto programem a mnoho dalšího.
Vložit nový inzerát Inzerce zdarma:
Kávovar
Kávovar v záruce na mletou kávu - presso. PC 3 000 NC 1000 Kč. Nevhodný dárek. ...
Zvuk.aparát - končím
1 x Mix Belinger Xenyx 1832 FX 2 x Dexon BC 1000A ( aktivní ) a 200 W 2 x Dexo ...
foto k inzerci Available Yamaha Tyros 5, Pioneer D
We are a large musical instrument trading company, who enjoyed good reputation f ...
Daruji chov morcatek
Daruji zdrava,dospela morcatka. I na zkrm hadovi. Plzen. ...
JEŘÁBNÍK A ŘIDIČ VZV
Do logistiky ve dvousměnném provozu hledám jeřábníky a řidiče vzv. Nutný průkaz ...
foto k inzerci ELEKTROMECHANIK
Hledám šikovné elektromecaniky či elektromechaničky pro přípravu a rozvod kabelá ...
Prodam Apple Iphone SE 2016
Plne funkcni,neposkozeny mobil zlate barvy na jednu sim kartu vcetne nabijecky. ...
foto k inzerci Zahradní nábytek z dubu
Dobrý den, Vyrábím masivní zahradní nábytek na zakázku sestávající ze stolu a 4 ...
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