HTML II. - 2. lekce
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

HTML II. - 2. lekceHTML II. - 2. lekce

 
Hledat
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno
Laser Game Ostrava

HTML II. - 2. lekce

Google       Google       1. 3. 2006       24 530×

Tentokrát se podíváme na formátování textu.

Reklama
Reklama
Každý si přeje, aby jeho stránka vypadala co nejlépe. Toho z části docílíte tím, že text zformátujete.


Jak jsme si pověděli v minulém díle, vše, co se má zobrazit na stránce, se napíše mezi tagy <BODY> a </BODY> (včetně textu).

Zarovnání a odstavec

Jak jistě víte, máme tři druhy zarovnání. Těmi jsou:
  • vpravo
  • vlevo
  • na střed
V případě zarovnání vpravo nebo vlevo použijeme párový tag DIV s parametrem ALIGN s hodnotou left/right, podle toho, co potřebujeme. Výsledný kód bude vypadat asi takhle:

<div align="left">Text zarovnaný vlevo, o čemž svědčí parametr left</div>

<div align="right">Text zarovnaný vpravo, o čemž svědčí parametr right</div>

Pokud chceme zarovnat text na střed, použijeme párový tag <center> a </center>. Výsledek vypadá takhle:

<center>Tento text bude zarovnán na střed, a k tomu použijeme jednoduchý tag.</center>


Tvorba odstavce a zakončení řádky

Na tvorbě odstavce, neboli takzvaném "odentrování" řádku, není nic těžkého. Na to slouží nepárový tag <br>. Výsledný kód vypadá asi takto:

Dobrý<br>
den<br>
celý<br>
den.

Odstavec se dělá podobně, k tomu slouží párový tag <p> a </p>. Tedy vše co napíšete mezi tyto dva tagy budete mít jako samostatný odstavec.

Řez písma

Mezi další oblíbený způsob formátování patří změna řezu písma. Tagy, kterými se mění řez písma, jsou snad všechny párové a znáte je jako rychlá tlačítka na změnu řezu písma v Microsoft Wordu. Kdo se učí angličtinu, tak tyto tagy bude znát.
<b> a </b> pro tučné písmo (od slova Bold)
<u> a </u> pro podtržené písmo (od slova Underline)
<i> a </i> pro psaní kurzívou (od slova Italic)

Další možnosti formátování

Další zajímavá možnost je blikání. To se jednoduše nastaví párovým tagem <blink> a </blink>. Ještě zajímavější je možnost běžícího textu. To se provede jednoduchým tagem <marquee> a </marquee>. Na závěr to nějak shrneme.

<b>Toto bude tučný text.</b>
<u>Toto bude podtržený text.</u>
<i>Toto bude text napsaný kurzívou.</i>
<blink>Tento text bude blikat</blink>
<marquee>Tento text bude pojízdný.</marquee>


Domácí úkol:

Nechám prostor vaší fantazii. Udělejte mi jednoduchý zdroj.kod stránky, ve kterém různě zformátujete písmo.

Příště: Tabulky

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
(fotka) Radek BoudaRadek Bouda studuje na Fakultě aplikovaných věd Západočeské univerzity v Plzni. Programuje v jazyce Java a zajímá se platformu .NET. Kromě programování má rád také cyklistiku, volejbal, skauting a pohyb venku obecně.
Web     Twitter     Facebook    

Nové články

Obrázek ke článku Open source neznamená „zdarma“

Open source neznamená „zdarma“

Mnoho společností po celém světě, univerzity, vládní organizace a jim podobné dnes používají open source technologie k vytvoření vlastních webových stránek. Tyto technologie se používají čím dál tím více. Jednoduše proto, že je řada poskytovatelů nabízí zcela zdarma. Je to ale opravdu to správné řešení pro všechny? 

Reklama
Reklama
Obrázek ke článku Rádi sledujete obsah streamovacích služeb? Dejte si pozor na pirátské verze Mandaloriana a Netflixu

Rádi sledujete obsah streamovacích služeb? Dejte si pozor na pirátské verze Mandaloriana a Netflixu

Streamovací služby a jejich obsah se v uplynulých měsících těšily velkému zájmu uživatelů, kteří se při pobytu v karanténě chtěli zabavit sledováním filmů a seriálů. Toho bleskově zneužili hackeři, kteří pod názvy oblíbených streamovacích platforem a jejich obsahu maskovali škodlivé soubory. Nejčastěji používali jako návnadu Netflix a seriál The Mandalorian. 

Obrázek ke článku Bionické ruce mění lidem životy. Konference INSPO ukázala nejnovější technologie

Bionické ruce mění lidem životy. Konference INSPO ukázala nejnovější technologie

Bionické myoprotézy rukou jsou ukázkou pokroku, který udělaly za posledních dvacet let technologie pro lidi se zdravotním postižením. Dnešní protézy, které fungují na principu snímání svalových vzorců, umožňují uživatelům operovat s křehkými předměty či provádět úkony složité na kooperaci různých částí těla – ať už jde o hru na hudební nástroje, zavazování tkaniček, nebo třeba pití ze skleničky. Na 20. ročníku konference INSPO se budou zájemci moci naživo seznámit nejen s takzvanou myorukou, ale rovněž s jedním z jejích uživatelů. 

Obrázek ke článku Využití .htaccess na malém webu

Využití .htaccess na malém webu

V dnešní době existuje spoustu cms, které mnohdy ale vůbec nepotřebujeme a stačila by nám pouze základní funkčnost k úpravě url, přesměrování. K tomuto účelu je ideální .htaccess soubor, který nám se všemi těmato úpravami umí pomoct.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032020 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý