Úprava textu
Vytváření odstavců a zalomení řádků
Do části <body> píšeme text. Odstavce textu v těle dokumentu označíme značkou <p>.<p> | text odstavce | <></p> |
začátek tagu | text | <>konec tagu |
Pokud nechceme tento prázdný řádek, potom použijeme nepárovou značku <br /> pro zalamování řádku. Používáme ji vždy na konci každé řádky uvnitř odstavce.
V HTML je přijatelné používat značku <br> i bez konečného lomítka, ale v XHTML musíme použít značku s lomítkem
U této značky <br /> je důležitá mezera mezi br a lomítkem /
příklad 1
<html>
<head>
<title>Výuka výpočetní techniky</title>
</head>
<body>
<p>Vítejte na výuce výpočetní techniky! Věřím, že vám tyto stránky pomohou
při výuce výpočetní techniky.</p>
<p>Výuka bude probíhat na adrese:<br />
Střední škola aplikované kybernetiky s.r.o.<br />
Hradecká 1151<br />
500 03 Hradec Králové<br /></p>
</body>
</html>
Použití značky pro vytvoření bloku
Značka <div> pokud chceme zároveň formátovat několik značek, např. abychom měli stejné orámování, můžeme všechny tyto značky umístit do <div>
Např.
div {border:2pt;
Color:blue}
<div><p> odstavec uvnitř bloku</p>
<hr />
</div>
Formátování textu
Nadpisy
Standard HTML definuje šest úrovní nadpisů <h1> až <h6>
<h1>, </h1>- vymezení nadpisu první úrovně.
- <h3>, </h2>
- nadpis druhé úrovně (mezinadpis, nadpis kapitoly). Vykreslují se různě velké podle důležitosti.
Použití tučného písma, kurzivy a barvy textu
<b>, </b>- text mezi těmito tagy bude tučný.<b>Tučný text</b>
- <i>, </i>
- kurzíva <i>text kurzívou</i>
- <span>, </span>
- dvojice tagů vymezující nějak odlišný text.
- <span>, </span>
- V tomto případě má obalený kus textu červenou barvu písma. Jde o první příklad tagu, který má tak zvaný atribut. Atributem je "style" a má hodnotu "color: red" (angl. barva: červená). Pomocí tohoto atributu style = se dá detailně nadefinovat vzhled textu, obaleného libovolným tagem. V praxi má většina tagů nějaký atribut, zatím jsem se tomu vyhýbal.
<html>
<head>
<title>Má druhá stránka</title>
</head>
<body>
<h1>Nadpis</h1>
<p>Odstavec s <b>tučným textem</b>, s <i>kurzivou</i>.
<span>Červený text.</span></p>
<h2>Nadpis druhé úrovně</h2>
<p>Odstavec s <i><b>tučnou kurzivou. </b></i><br>
Text po zalomení řádku patří do téhož odstavce.</p>
</body>
</html>
Tagy se nesmějí křížit! Toto je špatně:
<p> <a> | text | </p> </a> |
Použití horního indexu
Horní index text používáme pro exponenty v matematických rovnicích, pro čísla poznámky pod čarou atd. značka <sup></sup>
Dolní index text v chemických vzorcích <sub></sub>
Písmo se stejnou roztečí
Ve většině textu používáme proporcionální písmo, protože jsou hezká a vypadají profesionálně a jsou pro nás snadno čitelná.
Neproporcionální (se stejnou roztečí) zabírá horizontálně stejné množství místa bez ohledu na jeho velikost.
Používáme např. pro řádky programovaného kódu
značka je <tt> - písmo psacího stroje - ang. Typewriter Text)
Značku <pre> využijeme, když text zkopírovaný a vložený z jiného zdroje obsahuje hodně zalomených řáků a odstavců.
Značka <span></span>
Když potřebujeme provést formátování několika prvků na stránce, aniž by docházelo ke změně odstavce.
Nastavení typu písma pomocí HTML
Výchozí nastavení pro většinu prohlížečů obsahuje jako standardní řez písma řadu patkových písem, jako je například Times New Roman a podobné. Ne vždy s tím můžeme být spokojeni.
K nastavení písma slouží značka <font></font>, která je zavržená a neměla by se používat. Pro nastavení písma slouží ve značce <font> parametr face.
Nastavení barvy a velikost písma pomocí HTML
Opět má prohlížeč svoje výchozí nastavení. K nastavení jiné barvy slouží značka <font> s parametrem color.
Je doporučováno tag <font> nepoužívat (je zastaralý). Lze jej nahradit tagem <span></span> s parametrem style s definicí CSS stylu nebo s předem definovanou třídou.
Velikost písma se v HTML nenastavuje v bodech jako všechny ostatní rozměry, ale ve stupních. Stupňů písma je sedm. Od nejmenšího stupně jedna až po velikost 7.
Přesné velikosti písem nejsou nijak konkrétně stanoveny. Uživatel si může písmo zvětšovat a zmenšovat v prohlížeči. Dělá se to příkazem Zobrazit - Velikost písma Přesné velikosti písma lze dosáhnout pouze pomocí CSS.
Opět se nedoporučuje <font size="..."> vůbec nepoužívat a velikost písma definovat pomocí CSS stylu font-size.
Převod malých písmen na velká
Pomocí text-transform. Převod malých písmen na velká a naopak. K dispozici máme hodnoty uppercase, lowercase a capitalize (hodnoty nelze kombinovat).
Práce s běžícím textem
Je podporována prohlížeči, ale pozor na používání není v oficiální specifikaci HTML.
Značka <marquee></marquee> a její parametry:
- height, width určují délku a šířku oblasti pro běžící text
- loop jak často bude text probíhat
- behavior způsob jakým se text bude objevovat. Možné hodnoty jsou scroll (zprava doleva) slide (zprava a pak se zastaví) a alternate (zleva doprava a zpět).
- Scrolldelay rychlost textu(konkrétně doba prodlevy v milisekundách)
- Align-zarovnání left, right, middle(na střed)
- Bgcolor-nastavení barvy pozadí