Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

HTML

Delite vsebino na Facebooku
Delite vsebino na Twitterju
  Naučili se bomo nekaj kratkih osnov HTML-ja, programskega jezika za ustvarjanje spletnih strani.
 
 
1
 
 
HTML je osnovni jezik za pisanje spletnih strani. Strani, ki se ne spreminjajo oz. so statične in so napisane v HTML-ju. Prav tako je ta jezik osnova za kasnejše ustvarjanje spletnih strani.

HTML lahko pišemo kar v beležnici. HTML datoteke imajo končnico .html ali .htm. Odprimo beležnico ter vanj zapišimo:

To je moja prva HTML vrstica.

To shranimo kot prvastran.html.

Obvezno moramo spodaj izbrati All files.
 
 
2
 
 
Sedaj odprimo to datoteko v brskalniku. Izpisan bo popolnoma normalen tekst. Dolgočasno kajne. Mi želimo imeti na primer moder tekst. Spet odpremo datoteko v beležnici ter pred in za želenim besedilom dodamo značko (angl. tag). Vse značke so napisane po enakem sistemu:

<imeznačke  argumenti>        </imeznačke>

Za urejanje pisave uporabimo značko font. Najpogostejši argumenti:
  • size
  • color
  • face
Torej uporabimo color in zapišemo:

<font color="blue">To je moja prva HTML stran</font>

Shranimo in si ogledamo rezultat. Besedilo je modro.
 
 
3
 
 
To je torej značka font. Tekst oblikujemo tudi z:
  • <b> ali <bold>   odebeljeno
  • <i> ali <em>  ležeče
  • <u>    podčrtano
Če želimo imeti tekst podčrtan IN odebeljen moramo pravilno gnezditi značke. Imamo pa še eno posebno značko to je <br> oz. prelom vrstice. Tekst za to značko se piše v naslednjo vrstico.

Napačno:
<b><i>zmaga.com</b></i>
Pravilno:
<b><i>zmaga.com</i></b>
 
 
4
 
 
Sedaj pa pojdimo k tabelam. Osnovna značka je <table>.
Značka za vrstico je <tr> za stolpec pa <td>.
Zapišemo takole:

<table border="1">
<tr><td>1, 1</td><td>1, 2</td><td>1, 3</td></tr>
<tr><td>2, 1</td><td>2, 2</td><td>2, 3</td></tr>
<tr><td>3, 1</td><td>3, 2</td><td>3, 3</td></tr>
</table>

Border označuje debelino tabele.
 
 
 
 
 
5
 
 
Če želimo ustvariti povezavo do neke strani zapišemo
<a href="www.google.com">Pojdi na Google</a>

Sliko vstavimo s kodo:

<img src="slika.jpg" />

To so osnove. Več vam ne bom pisal. Zakaj? Zato, ker greste v NVU in tam prosto oblikujete, HTML pa se sam piše (pravzaprav je tisto XHTML več o tem na internetu). Kot sem omenil, NVU vam piše XHTML, ki je nadgradnja sedanjega html. Prav zaradi tega se naprimer odebeljen tekst ne napiše več <b> ampak s posebno značko <span> oz <style>. Zapišete lahko kakorkoli vendar za kasneje predlagam span ter style. Odprimo NVU (oz. vaš program za spletne strani).

Zapišimo besedilo in ga naredimo odebeljenega.
 
 
6
 
 
Sedaj spodaj kliknimo na Koda. Prikaže se nek zmazek značk. Le kaj vsa ta koda pomeni? Brez skrbi. HTML datoteka se praviloma začne z <html> nato se napiše <head>.

V headu napišemo avtorja, kodiranje, naslov. Potem pa pride na vrsto <body>. Tukaj je vsa koda, ki se prikaže. Odebeljen tekst se bo zapisal kot <span style="font-weight: bold;"> . 
 
 
7
 
 
To je nekaj osnov.

Vse kar vas zanima glede HTML vprašajte na forumu ali si preberite to stran.

 
 
Komentiraj
 
 
 
 
 
26.9.2008, 18:52
men ne pobarva texta
mi napise isto kot v fajlu v beleznici
zakaj?
 
 
 
 
26.9.2008, 19:57
Si uporabil značko <font> ter jo pravilno ugnezdil ?

<font color="blue"></font>
 
 
 
 
29.10.2008, 13:46
mi je ratal pobarvat text
sedaj pa mi noce odebeliti text in ko shranim dolocim all files vendar mi ne shrani pravilno,v brskalniku pa mi odpre samo kodo ki sem jo napisal brez obarvanega in odebeljenega texta
 
 
 
 
29.10.2008, 14:40
Shranit moraš s končnico .html . Ali imaš vključen prikaz končnic (torej ali ti piše naprimer slika.jpg in dokument.doc ali samo slika in dokument). Vključi si prikazovanje končnic in potem shrani kot .html.
 
 
 
 
4.11.2008, 23:33
ja res je,sem pozabil shranit kot .html
hvala
 
 
 
 
28.1.2009, 17:01
Ali kdo ve kaj pomeni značka <pre>?
 
 
 
 
28.1.2009, 17:04
http://www.htmlcodetutorial.com/linepar/.... Poglej si tole.
 
 
 
 
28.1.2009, 17:05
O, hvala

spremenil: znakovnik (28.1.2009 ob 17.12.26)
 
 
 
 
28.1.2009, 17:11
Za drugič: vpiši v zgornjo vrstico (tja, kamor vpisuješ naslov kakšne strani) pre html in ti bo pokazalo stran, ki bo v povezavi s <pre>. Če ne boš zadovljen z rezultatom, pojdi v/na (kako je prav? ) Google in pač tja vpiši pre html. Drugače pa se obrni na zmago.com
 
 
 
 
28.1.2009, 17:13
No, in na to sem tudi se. Sicer pa zdaj vem kaj je <PRE>.
 
 
 
 
28.1.2009, 17:35
Teh značk je ogromno. Predlagam stran w3schools (zdaj ima celo novo podobo) na kateri je kar nekaj programskih jezikov.

HTML značke

http://www.w3schools.com/tags/default.as....
 
 
 
 
28.1.2009, 17:38
hvala
 
 
 
 
11.7.2009, 17:45
na googlu sem našel kodo za ozadje ampak mi vedno obarva ozadje besedila jaz bi pa rabil kodo za celotno stran.
 
 
 
 
11.7.2009, 20:34
Lahko malce podrobneje obrazložiš kar hočeš? Kakor te razumem, s bi dalo s CSS kodo

npr.

<style type = "text/css">
form.ozadje
{
position: absolute;
background-color:#00000;
}
</style>


Potem pa samo v html-ju daš (napisal sem postopek za "form" :

<form class = "ozadje"></form>

In ta "form" bo imel ozadje avtomatično barve #00000 (ne vem, katera je anatančno tale barva, mislim, da je črna, ali pa bela )
Poleg tega bo razpotegnjen čez celo stran


spremenil: Erco (11.7.2009 ob 21.15.08)
 
 
 
 
12.7.2009, 13:37
čisto nič te nisem razumel
pa sem potem najdel kar sem iskal:

<body bgcolor="Silver">

pač rabil sem preprosto kodo ki da barvno ozadje.
Hvala
 
 
 
 
13.7.2009, 18:26
Sicer to lahko tudi v Dreamweaverju narediš tako, da spodaj klikneš na Page Properties, kjer lahko določiš barvo besedila in ozadja.
 
 
 
 
20.7.2009, 10:19
čisto nič te nisem razumel
pa sem potem najdel kar sem iskal:
&lt;body bgcolor="Silver"&gt;
pač rabil sem preprosto kodo ki da barvno ozadje.
Hvala


Ja no, saj jaz sem to tudi pokazal. Samo da je pač CSS.
 
 
 
 
10.12.2010, 15:14
Mene pa zanima, kako potem to dat na internet.
, da lahko druge ljudje vidijo.

Hvala za odgovor.
 
 
 
 
10.12.2010, 16:06
Zdravo,
poglej si spodnjo lekcijo:
http://www.zmaga.com/ucenje.php?t=0&....
 
 
 
 
10.10.2015, 17:03
kako narediti, da se besedilo s povezavo ni nič drugačno kot drugo (ni podčrtano, ni druge barve...)?
 
 
 
 
11.10.2015, 15:04
Zelo preprosto. Tole je primer za besedilo v črni barvi:

<style>
a:link {
color: #000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
color: #000;
}
a:active {
text-decoration: none;
color: #000;
}
</style>


spremenjeno: realife (11.10.2015, 15:04)
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!