Osnove HTML
Oznake
Preberi vse ali uporabljaj naslednje skoke...
[HTML oznake][Formati oznak][Začetne
in končne oznake][Enojne oznake][Napišimo
našo prvo stran]
HTML oznake
Format HTML je preprost in zelo logičen. Brati ga moramo, kot smo že navajeni,
z leve proti desni, od zgoraj navzdol. V bistvu je to navaden tekst.
S posebnimi oznakami določimo, kateri deli teksta naj bodo poudarjeni,
poševni, z večjimi ali manjšimi črkami itd. Oznake so nekakšni ukazi.
Tako vstavimo oznako za poudarjeno tik pred besedilom, ki naj bo poudarjen.
Z drugo, podobno oznako preidemo spet na normalen tekst. Podobno velja
za druge načine pisanja.
Formati oznak
Formati vseh oznak (ali zastavic oziroma HTML ukazov) je enak.
Vse brez izjeme začenjajo z znakom < in
končajo z znakom >. Med tema znakoma pa je
ukaz, ki si ga vsaj v angleščini lahko zapomnimo.
Tako je na primer za poudarjen teks (bold) uporabljena črka "B". Tako bi
poudarjeno napisali ime "Janez" na naslednji način:
<B>Janez</B>
Kaj to pomeni
1. <B> je začetna oznaka ukaza.
2. "Janez" je besedilo, na katerega vpliva oznaka <B>.
3. </B> je končna oznaka tega ukaza. Opazimo lahko, da je
povsem enaka začetni oznaki, le da ima pred ukazom poševno črto.
Še kakšno vprašanje?
Vprašanje: IAli je končna oznaka (oziroma zastavica) preprosto
enaka začetni oznaki s poševno črtico / ?
Odgovor: Da.
Vprašanje. Ali se bodo oznake videle na moji strani?
Odgovor: Ne, te oznake so le ukazi brkljalniku, uporabnik
hiperteksta pa jih ne vidi.
Vprašanje:Uporabili smo veliko črko "B". Ali moramo za zastavice
vedno uporabljati velike črke ?
Odgovor: Brkljalniku je vseeno. Vendar je priporočljivo,
da jih vse pišemo z velikimi črkami, že zaradi preglednosti izvornega hiperteksta.
Vprašanje:Ali mora vse, kar naj bo vidno na strani, označeno
z oznakami?
Odgovor:Ne. Tudi kar preprosto napišemo brez oznak, bo vidno,
vendar ne bo imelo kakšnega lepšega izgleda.
Vprašanje: Kaj, če pozabim zaključno oznako ali če v tej oznaki
pozabim na poševno črtohat?
Odgovor:To je napaka, ki pa jo takoj spoznamo, ko z brkljalnikom
pogledamo, kako izgleda naša stran. Ves preostali tekst v našem dokumentu
bo namreč tak, kot ga predvideva začetna oznaka.
Vprašanje: Ali potrebujemo pri vseh HTML oznakah začetek in
konec?
Odgovor:Ne. Spoznali bomo tudi izjeme..
Začetne in končne oznake
Večina HTML oznak terja začetno in končno oznako. Spoznajmo
nekatere od njih:
| Vpliv |
Koda |
Kako jo uporabimo |
Kaj naredi |
| Poudarjeno(Bold) |
B |
<B>Bold</B> |
Bold |
| Poševno (Italic) |
I |
<I>Italic</I> |
Italic |
| Tiskano (Typewriter) |
TT |
<TT>Typewriter</TT> |
Typewriter |
Ali lahko hkrati uporabim več oznak?
Da. Le pazimo, da vsako oznako zaključimo s končno Na primer:
<B><I>Bold and Italic</B></I> povzroči Bold and
Italic
<B><TT>Typewriter and Bold</B></TT> povzroči
Typewriter and Bold
Enojne oznake
Večina oznak nastopa v parih (začetek, konec vpliva). Nekatere
pa nastopajo samostojno Oglejmo si nekatere, ki jih pogosto uporabljamo:
| Oznaka |
Kaj naredi |
| <HR> |
Ta ukaz naredi na naši strani vodoravno črto. (HR
pomeni Horizontal Reference) Primer uporabe oznake <HR> vidimo
tudi takoj pod to tabelo. |
| <BR> |
Ta ukaz razdeli oziroma prekine (BReak) besedilo
in povzroči njegovo nadaljevanje v novi vrstici. |
| <P> |
To pomeni poglavje (Paragraph). Ta ukaz je podoben
ukazu <BR>, le da na ekranu povzroči preskok ene vrstic. BR skoči
v novo vrsto, "P" pa prej še preskoči eno vrsto. |
Napišimo našo prvo stran
Pa poizkusimo, kaj smo se pravkar naučili.
Vsako stran začnemo z oznako: <HTML>
Zakaj? Ker tako označimo začetek vsakega HTML dokumenta.
Nato napišimo: <TITLE> in </TITLE>
To bo naslov naše strani. Tudi stran s to lekcijo ga ima (Oznake HTML),
Kar poglejte si njen izvorni tekst.
In sedaj napišimo še: </HTML>
Da. Tako bomo zaključili naš HTML dokument. Ta zaenkrat še nima prave
vsebine.
Sedaj pa se poigrajmo z vsebino!
Vstavimo sedaj v tako pripravljeno "šablono" poljubno besedilo! Na primer
tako:
<HTML>
<TITLE> Moja prva HTML stran </TITLE>
<B>To je moja prva stran, pisana v HTML!</B><P>
Pišem lahko <I>poševno</I> ali <B>poudarjeno</B><BR>
<HR>
<B><I>Lahko pa imam besedilo hkrati poudarjeno in
poševno</I></B><BR>
<HR>
<TT>Zaenkrat toliko</TT>
</HTML>
Morda še niste zadovoljni? To je vendarle šele začetek. Pozor na
oznaki HTML in /HTML in na oznaki TITLE in /TITLE. In kako to izgleda z
brkljalnikom?
| To je moja prva stran, pisana v HTML!
Pišem lahko poševno ali poudarjeno
Lahko pa imam besedilo hkrati poudarjeno in poševno
Zaenkrat toliko
|
Naslednja lekcija