|
Oblikovanje
besedila
Vstavljanje besedila
Vse besedilo, ki želimo, da je na spletni
strani prikazano moramo zapisati med oznaki
<body>
in
</body>.
Primer:
|
|
<html>
<head>
</head>
<body>
To je besedilo, ki se bo
prikazalo na spletni strani.
</body>
</html> |
|
|
Prikaz besedila
na spletni strani |
|
Sedaj morate to
besedilo tudi urediti, to je določiti,
kakšne velikosti bo, ali bo poudarjeno,
kakšne barve bo, … Vse te stvari besedilu
določite s pomočjo oznake
<font>, ki jo
zaprete s
</font>.
Ta oznaka pove brskalnikom, da naj prikaže
besedilo, kakor vi želite. In sicer v to
oznako morate dodati
atribute,
s katerimi poveste kako naj besedilo izgleda. |
|
Velikost
besedila
Za spreminjanje velikosti besedila oznaki <font>
dodamo atribut
size=" "
(ang. size -
velikost). Velikost pisave definirate s
slikovnimi pikami oz. piksli (px).
Primer:
|
|
<html>
<head>
</head>
<body>
<p><font size="3px">To
je besedilo velikosti 3 px (piksle).</font></p>
<p><font
size="12px">To
je besedilo velikosti 12 px.</font></p>
<p><font
size="1px">To
je besedilo velikosti 1 px.</font></p>
<p><font
size="5px">To
je besedilo velikosti 5 px.</font></p>
</body>
</html> |
|
|
Prikaz uporabe
atributa size=" " |
|
Barva besedila
Barvo besedila
določimo s pomočjo atributa
color=" ".
Barvo poimenujemo z
angleško besedo
ali pa vpišemo njeno šest-mestno
kodo.
Koda barve se začne s simbolom za število (#).
osnovne barve:
|
|
Slovensko ime |
angleško ime |
koda |
|
bela |
white |
#FFFFFF |
|
črna |
black |
#000000 |
|
siva |
gray |
#CFCFCF |
|
rumena |
yellow |
#FFF000 |
|
zelena |
green |
#00FF00 |
|
modra |
blue |
#0000FF |
|
rdeča |
red |
#FF0000 |
|
oranžna |
orange |
#FFCC00 |
|
|
Primer: |
|
<html>
<head>
</head>
<body>
<p><font
color="black">To
besedilo je črne barve.</font></p>
<p><font
color="#000000">To
besedilo je črne barve.</font></p>
<p><font
color="green">To
besedilo je zelene barve.</font></p>
<p><font
color="#00FF00">To
besedilo je zelene barve.</font></p>
<p><font
color="red">To
besedilo je rdeče barve.</font></p>
<p><font
color="#0000FF">To
besedilo je modre barve.</font></p>
</body>
</html> |
|
|
Prikaz uporabe
različnih barv |
|
Pisave
Besedilu lahko
določite tudi pisavo, s katero naj bo
prikazano. To lahko naredite tako, da v
oznako <font> dodate atribut
face=" ". Med
narekovaje morate napisati točno ime pisave.
Priporočeno je, da uporabljate osnovne
pisave.
osnovne pisave:
|
|
Times New Roman |
|
Arial |
|
Comic Sans MS |
|
Courier New |
|
Tahoma |
|
Trebuchet MS |
|
Verdana |
|
|
Primer: |
|
<html>
<head>
</head>
<body>
<p><font
face="Arial">To
besedilo je zapisano s pisavo Arial.</font></p>
<p><font
face="Comic
Sans Ms">To besedilo je zapisano s pisavo Comic Sans Ms. </font></p>
<p><font
face="Verdana">To
besedilo je zapisano s pisavo Verdana. </font></p>
</body>
</html> |
|
|
Prikaz uporabe
različnih pisav |
|
Slog
besedila
Besedilo lahko
tudi poudarite in to na različne načine.
Lahko je krepko, ležeče ali pa
podčrtano. Da lahko to naredite
morate uporabiti posebne
oznake. To
niso
atributi in jih ne dodajamo
v oznako <font>.
Primer:
|
|
<html>
<head>
</head>
<body>
<p><b>To
besedilo je krepko.</b></p>
<p><em>To besedilo
je ležeče.</em></p>
<p><u>To
besedilo je podčrtano.</u></p>
</body>
</html> |
|
|
Prikaz
poudarjenih besedil |
|
Zaključek:
Atribute lahko
uporabljate tudi
skupaj.
Primer:
|
|
<html>
<head>
</head>
<body>
<font
face="Tahoma" color="#0000FF" size="3px">To
besedilo je zapisano s pisavo
<font
color="red">Tahoma</font>,
je modre
<font
color="#3AC01A">barve</font>
in velikosti 6
<font
size="2px" color="#FF00D8">px</font>.
Pomembne besede so
<b>krepke</b>,
<em>ležeče</em>
ali pa
<u>podčrtane</u>.</font>
</body>
</html> |
|
|
Prikaz
zgornjega primera |
