Besedilo, ki ga vidimo zapisanega takole:

VAJA 1

To je odtsavek.
To je link na spletno stran Fakultete za informacijske študije.
To je ukaz za novo vrstico.

VAJA 2

Atributi so dodatne informacije o HTML elementih. To so povezave na spletne strani.

VAJA 3

Naslovi so zelo pomembni. Označeni so od h1 do h6

Tako zgleda naslov 3.

VAJA 4

To je
prelom vrstice.

VAJA 5

To je krepak tekst. To je velik tekst. To je ležeč tekst. To je majhen tekst. To je _podpisano besedilo. To je ^nadpisano besedilo.

VAJA 6

Besedilu se lahko doliči velokost, vrsto pisave in barvo.

VAJA 7

Besedilu daš lahko barvo ozadja.

Besedilo lahko določiš tudi pozicijo:

levo

na sredino

desno

VAJA 8

V besedilo lahko dodajaš tudi povezave. Primer: za ogled spletne strani FIŠa klikni tukaj.

VAJA 9

V svoj dokument lahko dodajaš tudi fotografije. Primer čebelica Maja

VAJA 10

V dokument pa lahko dodajaš tudi tabele.

šport	država	sadje	glasbila	zelenjava
odbojka	Slovenija	ananas	trobenta	kumara
nogomet	Španija	banana	kitara	paprika
košarka	Portugalska	kivi	harmonika	zelje
rokomet	Belgija	figa	klavir	čebula
tenis	Danska	jabolko	flavta	peteršilj
rugby	Norveška	hruška	klarinet	por

zgleda v HTML jeziku takole:
<html>
<body>
<h1>VAJA 1</h1>
<p>To je odtsavek.</p>
<a href="http://www.fis.unm.si/si/">To je link na spletno stran Fakultete za informacijske študije.</a><br>To je ukaz za novo vrstico.</br>
<h1>VAJA 2</h1>
<p>Atributi so dodatne informacije o HTML elementih. To so povezave na <a href="http://www.w3schools.com/html/html_attributes.asp">spletne strani</a>. </p>
<h1>VAJA 3</h1>
<p>Naslovi so zelo pomembni. Označeni so od h1 do h6
<h3>Tako zgleda naslov 3.</h3>
<hr />

<h1>VAJA 4</h1>
<p>To je<br>prelom vrstice. </p>
<h1>VAJA 5</h1>
<p><b> To je krepak tekst.</b> <big>To je velik tekst.</big> <i>To je ležeč tekst.</i> <small>To je majhen tekst.</small> To je <sub>podpisano</sub> besedilo. To je <sup>nadpisano</sup> besedilo.</ p>
<h1>VAJA 6</h1>
<p>Besedilu se lahko doliči <font size="5"> velokost</font>, <font face="calibri">vrsto pisave</font> in <font color="deepskyblue">barvo</font>.</p>
<h1>VAJA 7</h1>
<p style="background-color:red">Besedilu daš lahko barvo ozadja.</p>
<p>Besedilo lahko določiš tudi pozicijo: <br><p align="left">levo</p></br><br><p align="center">na sredino</p></br><br><p align="right">desno</p></br></p>
<h1>VAJA 8</h1>
<p>V besedilo lahko dodajaš tudi povezave. Primer: za ogled spletne strani FIŠa klikni <a href="http://www.fis.unm.si/si/">tukaj</a>.</p>
<h1>VAJA 9</h1>
<p>V svoj dokument lahko dodajaš tudi fotografije. Primer<img src="http://static.igre123.com/uporabniki-slike/velika_cebelica-maja/38547.jpg?1320400682" alt="čebelica Maja" />
</p>
<h1>VAJA 10</h1>
<p>V dokument pa lahko dodajaš tudi tabele.</p>
<table border>
<tr>
<th>šport</th>
<th>država</th>
<th>sadje</th>
<th>glasbila</th>
<th>zelenjava</th>
<tr>
<td>odbojka</td>
<td>Slovenija</td>
<td>ananas</td>
<td>trobenta</td>
<td>kumara</td>
<tr>
<td>nogomet</td>
<td>Španija</td>
<td>banana</td>
<td>kitara</td>
<td>paprika</td>
<tr>
<td>košarka</td>
<td>Portugalska</td>
<td>kivi</td>
<td>harmonika</td>
<td>zelje</td>
<tr>
<td>rokomet</td>
<td>Belgija</td>
<td>figa</td>
<td>klavir</td>
<td>čebula</td>
<tr>
<td>tenis</td>
<td>Danska</td>
<td>jabolko</td>
<td>flavta</td>
<td>peteršilj</td>
<tr>
<td>rugby</td>
<td>Norveška</td>
<td>hruška</td>
<td>klarinet</td>
<td>por</td>
</table>
</body>
</html>

vir: http://www.w3schools.com/html/default.asp

informatika v sodobni družbi

02 november, 2011

HTML jezik (vaje 7)