Uređivanje XHTML stranice

Objavljeno: 17.05.2007. 20:05

Sad kad znate kako napraviti najjednostavniju XHTML stranicu, vrijeme je da detaljnije objasnim neke stvari.

U ovom tutorialu bit će objašnjeni:

Naslovi
Paragraf
Prelom redaka i razmak
Oblikovanje teksta

Naslovi

Koristimo ih za strukturiranje sadržaja i sastoje se od tagova:
h1, h2, h3, h4, h5 i h6.

Tag h1 upotrebljava se samo jednom i označava naslov stranice. Svi ostali mogu se koristiti više puta, međutim treba voditi računa o poretku heading tagova (kako ih nazivamo na engleskom jeziku).

<h1>Naslov stranice</h1>
<h2>Naslov</h2>
<h3>Podnaslov</h3>

Paragraf

Sa paragrafom ste se već susreli u prethodnom tutorialu. Tekst koji želimo prikazati upisat ćemo unutar  tagova.

<p>Ovo je primjer paragrafa.</p>

Ako ne odredimo drugačije, tekst će se poravnati uz lijevu marginu. Također valja spomenuti, da će se iznad i ispod paragrafa dodati po jedan prazan redak.

Prelom redaka i razmak

Kako bi tekst prelomili u drugi redak, potrebno je upisati   tag. Ako bi izostavili tag, tekst bi se ispisao u jednom retku.

<p>Ovo je prvi redak.<br />
Ovo je drugi redak.</p>

Oblikovanje teksta

XHTML se koristi samo za osnovno naglašavanje teksta. Sve kerefeke poput vrste i veličine slova, boje i sl. mijenjaju se pomoću CSS-a.


Primjer podebljanog teksta

Ovo je pak nakošeni tekst

Ovi tagovi koriste se za naglašavanje teksta - tag će podebljati tekst, dok će tag nakositi tekst.

Evo i jedan primjer za kraj. Slobodno ga isprobajte, dodajte nešto svog koda i eksperimentirajte, a ako nešto zapne - pitajte! Do sljedećeg tutoriala.

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Moja prva web stranica</title>
</head>
<body>
<h1>Naslov</h1>
<p>Ovo je moja prva web stranica!</p>

<h2>Podnaslov</h2>
<p>Ovo je prvi redak.<br />Drugi redak.</p>

<h3>Podnaslov drugi</h3>
<p><strong>Naglaseni</strong> <em>tekst</em></p>
</body>
</html>

Još nema komentara.

Webcoderz