HTML pre začiatočníkov

HTML pre začiatočníkov - text, 3.diel

V tomto diele sa dozviete o základnom formátovaní textu na stránkach. Príklady na HTML formátovanie textu budú 2 ku ktorým budú priložené zdrojové kódy.

V tomto diele si ukážeme základy HTML a to v podobe niekoľkých najpoužívanejších tagov. Všetko čo v prehliadači vidíme je umiestnené medzi tagom <body>. Medzi tie najzákladnejšie zaradím tagy, ktoré formátujú text. Tagy na formátovanie textu sú nasledovné:
 - tučný text
 - kurzivý text
 - podčiarknutý text
<big> - veľký text
 - malý text
 - definícia písma, textu

Teraz by sme si mohli jednotlivé tagy vyskúšať v praxi. V zdrojovom kóde použijeme všetky uvedené tagy.

<html>

<head>

<title>Prvá stránka</title>

</head>

<body>

<b>Toto je tučný text</b><br>

<i>Toto je kurzivý text</i><br>

<u>Toto je podčiarknutý text</u><br>

<big>Toto je veľký text</big><br>

<small>Toto je malý text</small>

</body>

</html>

Výsledok:

Toto je tučný text

Toto je kurzivý text

Toto je podčiarknutý text

Toto je veľký text

Toto je malý text

Uvedené tagy sú párové čo znamená, že ich musíme ukončiť. Medzi párové tagy ide obsah a ich zakončenie zapíšeme v tvare </nazov_tagu>. Namiesto tagu môžete použiť aj tag . Takáto možnosť je aj použitie namiesto . Je to zvýrazňovanie písma. V kóde máte možnosť vidieť aj tag linebreak čiže . Je nepárový a jeho ukončenie nieje nutné.

.Zostal nám ešte tag font. Font slúži na definíciu typu písma jeho veľkosti, farby a pod. Použitie tohto tagu je nasledovné:

<html>

<head>

<title>Prvá stránka</title>

</head>

<body>

<font face="arial" size="5" color="blue">Toto je text uprostred tagu font</font>

</body>

</html>

Výsledok:

Toto je text uprostred tagu font

Všetky tagy patrili medzi základné formátovanie textu, ktoré by ste mali ovládať. Ako obyčajne pridám aj nejaký typ a to ten, že pokiaľ nechcete atribúty tagov písať v úvodzovkách, tak ich písať nemusíte. Ide to aj bez úvodzoviek ale neradím vám si na niečo takéto zvyknúť. Nabudúce si ukážeme niečo o odkazoch na stránkach a o vkladaní obrázkov.

Alternatívne verzie:

Autor: PaBi3 · Kategória: Webdesign · Dátum: 05.05.2005 14:38

Komentáre

#1 Pato E-mail

16.01.2012 21:04

cHcel by som sa spytat že de sa to da využit asi som tomu neporozumel da sa to použit aj napr. vo facebooku ?? ten podčiarknuty .. dakujem

IP adresa: 94.229.32.130

[Reagovať]