. Škola Web Design-a: Osnove HTML-a [2]

četvrtak, 9. veljače 2012.

Osnove HTML-a [2]

U prethodnom tutorijali naučili smo osnove.
Sada nastavljamo sa našom "HTML abecedom"
Nemojte se obeshrabiti ;)
Biti će ovo veoma lagano :D









Sada ćemo naučiti kako obojiti,podebljati slova.
Kako ubaciti sliku.
Kako odvojiti neki tekst.
Kako "linkovati" tekst

Svi mi volimo vidjeti ona lijepa obojena,podebljana,nakrivljena... slova :)

Kako to postići ?

U prehodnom tutorijali naučili smo koristiti <p> - paragraf
Ukoliko želimo obojiti slova u crveno postići ćemo to ovako
<p style="color:red"> Ova slova su crvena </p>

<p style= --> Znači naglašavamo da će to biti stil paragrafa
"color:red" --> U prevodu boja:crvena

Sada želimo podebljati slova
Za podebljavanje slova u HTML-u koristimo
<b> --> Neka vas asocira na englesku riješ "Big" (veliko) tako ćemo lakše zapamtiti ovaj tag
Primjer
<b>Ova rečenica je podebljana</b>
a šta ako želimo podebljanu riječ u paragrafu ?
<p>Ova rečenica ima <b>podebljanu</b> riječ </p>
Za "nakrivljena" ili "italic" slova koristimo tag
<i>

Primjer
<i>Ova rečenica je iskrivljena xD </i>
Ukoliko želimo dodati neku sliku koristimo tag

<img> --> Neka vas podsjeća na englesku riječ "Image" (slika)

eh sada krećemo sa malo težim :D
<img src="link vaše slike"/>
<img src= --> Znači izvor vaše slike
"link vaše slike" --> Iz kojeg će izvora stranica preuzeti vašu sliku
/> --> Zatvaramo tag

Dali je ovo teško ???
Možda i jeste pa ćemo zato linkanje teksta ostaviti za slijedeći put :D

Objavi komentar