You are on page 1of 8

HTML oznake

Umetanje slike

 Slike na Internetu najčešće se nalaze u jednom od slijedeća dva formata:

 JPEG (ili JPG)


 GIF
<img src="tigar.jpg">
Poravnanje slike:
left - postavlja sliku uz lijevu marginu: <img src="tigar.jpg" align="left">
right - postavlja sliku uz desnu marginu: <img src="tigar.jpg" align="right">
Boja pozadine i teksta

 ako želimo promijeniti boju pozadine u žutu tada ćemo unutar <body> taga dodati:
<body bgcolor="yellow">

 boju teksta određujemo oznakom:

<font color=„red"> Ovdje ide tekst. </font>


Font

 Ako želimo da naša stranica bude ispisana recimo "Arial" fontom (kojim je ispisana i ova stranica
koju upravo čitamo), onda trebamo napisati:

<font face="Arial"> Ovdje staviti tekst. </font>

 Fontovi:
 Verdana
 Arial
 Courier
 Bedrock
 Times New Roman
 Comic Sans MS
Veličina slova

 Slijedeća stvar koja se može mijenjati je veličina slova, a ona se definira preko size
atributa.
 HTML razlikuje 7 veličina slova koje nose vrijednosti od 1 do 7.
 Podrazumijevana (default) veličina je 3.
 Ako su slova veličine 3 suviše mala možemo zadati veličinu fonta od recimo 5, na slijedeći
način:

<font size="5">
Grafičke oznake
Evo sada primjera nebrojevne liste: koja se dobiva HTML kodom:

Godišnja doba su: <ul>


<li>proljeće
 proljeće <li>ljeto
 ljeto <li>jesen
 jesen <li>zima
 zima </ul>
Prelazak u novi red

 Tag za prelazak u novi red je <br> tag. On ne zahtijeva odgovarajući završni tag.

 Prelazak u novi odjeljak postiže se <p> tagom. On ima isti učinak kao i prijašnji tag s tom
razlikom što će napraviti mali razmak između redova.

 Centriranje odjeljka ili poravnanje odjeljka uz desnu marginu se postiže align atributom.
<p align="left">
<p align="center">
<p align="right">
Linkovi

Ako želimo staviti link do nekih drugih Web stranica, koje se mogu nalaziti na nekom sasvim
drugom serveru potrebno je napisati cijelu web adresu te prezentacije. Npr. ako želimo
postaviti link do poznatog pretraživača Interneta "Yahoo", čija je adresa:
http://www.yahoo.com/ treba napisati:

<a href="http://www.yahoo.com/"> Yahoo </a>

i dobili smo slijedeći link:


Yahoo

You might also like