linki :

 

razred R1.b

domov

slike

povezave

 

 

  #Gangboy#

 

Html

Osnove HTML kode, ki smo se jo naucili na SsER

 

Kaj pravzaprav je HTML koda ?

HTML dokument je tako imenovani ASCII dokument, ki ga oblikujemo s tekstualnimi urejevalniki kot sta Notepad (beležnica) v Windows okolju ali Edit v DOS-u. Z razmahom svetovnega spleta so se pojavili tudi HTML urejevalniki, ki nam omogočajo, da v WYSIWYG (What You See Is What You Get) načinu oblikujemo HTML dokumente.

 

Kaj so oznake HTML jezika?

Osnovne sestavine HTML dokumentov (spletnih strani) so elementi kot so

  • glava dokumenta, tabela, odstavek, seznam, itd.


Z oznakami HTML jezika povemo pregledovalnikom spletnih strani, kako naj prikažejo posamezne elemente. Za pisanje oznak veljajo nekatera preprosta pravila:

  • oznaka je vedno zaprta med znaka za večji in manjši
  • oznaka velja od mesta klica do mesta preklica, za preklic oznake pred oznako postavimo poševnico /
  • nekatere oznake in elementi lahko vsebujejo tudi atribute
  • oznake niso občutljive na velike ali male črke
  • nekaterih oznak nekateri pregledovalniki ne prepoznajo. V takem primeru jih enostavno ignorirajo

HTML koda je jezik, ki ga računalnik razume in lahko pišemo  v njem največkrat internetne strani. Pišemo jo (kodo) v beležnici (nptepad-u), ki  jo ima vsak računalnik naloženo že na operacijskem sistemu. Uporabljamo pa jo lahko takrat, ko nimamo nobenega programa za izdelovanje strani, kot npr.: (FrontPage, ...) .

 

Kako zaceti ?

Stran začnemo z ukazom  <html> in končamo z </html>. Nadaljujemo tako kot je napisano  v nasljednem besedilu pod naslovom začetek. Vedno, ko hočemo zaključiti ukaz zapišemo /. Stran nato obdelujemo tako, kot hočemo z ukazi, ki so zapisani v nadaljevanju. Stran moramo shraniti tako, da zapišemo ime dokumenta in nato moramo nujno napisati .html .

 

Kako programirati v HTML dokumentu?

 

HTML

Ta element pregledovalniku sporoči, da datoteka vsebuje oznake in elemente HTML jezika. Datotekam, ki vsebujejo take oznake dajemo končnice *.html ali krajše *.htm. Ker vsi operacijski sistemi še ne podpirajo dolgih imen datotek je smiselno uporabljati krajšo oznako *.htm (npr.: index.htm, osnovni.htm,...)

 

HEAD

HTML dokument je razdeljen na dva dela z oznakama HEAD in BODY. V prvem delu (HEAD) definiramo ime dokumenta in zapišemo še druge pomembne podatke dokumenta.

 

TITLE

Z oznako TITLE določimo ime dokumenta. Ime se izpiše v glavi pregledovalnika. V tem delu pregleduje dokumente tudi servis WAIS. Dolžina imena naj ne bo daljša od 64 znakov.

 

BODY

Drugi del HTML dokumenta se imenuje BODY. V tem delu je oblikovan dokument, ki ga pregledujemo s pregledovalnikom spletnih strani. Vsi elementi in oznake, ki jih bomo spoznali v nadaljevanju se nanašajo na BODY HTML dokumenta.

 

Naslovi

HTML jezik pozna šest različnih naslovov. Naslovi so enostavno označeni s številkami od 1 do 6. Glavni naslov se začne s številko 1.

Primer:
<Hy> Besedilo naslova </Hy> y = 1..6<Hy ALIGN=LEFT|RIGHT|CENTER> Besedilo naslova</Hy>

 

Odstavki

V običajnih urejevalnikih besedil s tipko ENTER povzročimo prelom vrstice oziroma zaključimo odstavek. V HTML dokumentih pa ni tako. Za dolžino vrstice nam ni potrebno skrbeti, ker pregledovalniki sami poskrbijo za ustrezen prelom.

 

Seznami

HTML jezik pozna neoštevilčene, oštevilčene in definicijske sezname. Iz osnovnih oblik lahko gradimo tudi ugnezdene sezname, ki pa lahko postanejo nepregledni.

Neoštevilčene sezname začnemo z oznako <UL>, nato posamezne vrstice začenjamo z oznako <LI>. Vrstic ni potrebno končevati z oznako </LI>. Celoten seznam končamo z oznako</UL>. Sintaksa elementa je naslednja:

<UL>
<LI> Prva vrstica seznama
<LI> Druga vrstica seznama
<LI> Tretja vrstica seznama
</UL>

 

Vodoravne Crte

Z oznako "HR" narišemo vodoravno črto, ki sega od levega do desnega roba pregledovalnika. Z vodoravnimi črtami povečamo preglednost dokumentov. črti lahko spreminjamo debelino (SIZE) in širino (WIDTH ; v odstotkih širine okna).

 

Spreminjanje velikosti in barve pisave

V HTML dokumentih pisavo spreminjamo z elementom . Za spreminjanje velikosti uporabljamo atribut SIZE, za spreminjanje barve pa atribut COLOR

Primeri:
<FONT SIZE=+5 COLOR=RED>

 

Povezave

Največjo moč HTML jezik pokaže pri povezavi besedila in slik v istih ali različnih dokumentih. Pregledovalnik povezavo označi s posebno barvo in stilom besedila. Tudi kazalec se na povezavi iz puščice spremeni v roko z iztegnjenim kazalcem. Tako povezavo z angleškim izrazom imenujemo hipertext link, zato več med seboj povezanih HTML dokumentov imenujemo hipertekst. Oglejmo si sintakso enostavne povezave

<A HREF= naslov dokumenta>besedilo povezave </A>

naslov dokumenta - pot in ime dokumenta na katerega želimo narediti povezavo
besedilo povezave - besedilo, ki v obstoječem dokumentu označuje povezavo.

 

Spreminjanje velikosti slike

Velikost slike lahko prilagodimo lastnim željam z atributoma HEIGHT (višina slike) in WIDTH (širina slike). Velikost slike izrazimo v točkah (pixels). Sprememba velikosti slike lahko povzroči tudi popačitev.
Za primer spremenimo velikost slike Slika.gif:

<MG SRC =Slika.gif HEIGHT=100 WIDTH=65>

 

Slike ozadja spletnih strani

Novejši pregledovalniki omogočajo uporabo slik za ozadje spletnih strani. Nekateri uporabniki so nad to možnostjo navdušeni, drugi pa možnost odklanjajo. V splošnem pa velja pravilo, da mora biti ozadje takšno, da je besedilo lahko berljivo. To pomeni, da med ozadjem in besedilom mora biti dovolj velik kontrast. če izberemo temno ozadje mora biti besedilo svetlo in obratno. Za podlago izberemo majhno sliko, ki jo pregledovalnik ponovi tolikokrat, da zapolni celotno stran. Velike slike se prenašajo počasi in se jih zato izogibamo.
Primer:

<BODY BACKGROUND=imedatoteke.gif>

 

Barva ozadja

Običajno pregledovalniki prikazujejo črno besedilo na sivi podlagi. Seveda lahko pisec spletne strani barve spremeni po lastnem okusu. Tudi v tem primeru velja, da mora biti stran berljiva, zato pretiravanje ni priporočljivo. če sami niste prepričani o pravilnosti izbire se posvetujete z ostalimi uporabniki. Z ustreznimi atributi lahko spremenite barvo strani (BGCOLOR), barvo besedila (TEXT), barvo povezav (LINK) in barvo obiskanih povezav (VLINK). Barvo izrazimo jo s šestimi šestnajstiškimi ciframi - prvi dve predstavljata rdečo, naslednji dve zeleno in zadnji dve modro barvo.
Primer:

<BODY BGCOLOR=#BARVA1 TEXT=#BARVA2 LINK=#BARVA3>

 

Tabele

Tabele so v oblikovanje HTML dokumentov prinesle veliko novih možnosti. Poleg prikazovanja tabelarnih podatkov, tabele pomenijo tudi nov pristop v oblikovanje spletnih strani. V začetku se nam bodo elementi tabele zdeli nerazumljivi, vendar že po nekaj primerih boste spoznali pravo vrednost tabele. V spodnji tabeli so predstavljeni elementi tabele.

 

Splosni izgled oblikovane tabele

<TABLE> začetek oblikovanja tabele
<CAPTION> naslov tabele </CAPTION> oblikovanje naslova tabele
<TR> začetek oblikovanja prve vrstice
<TH> vsebina celice</TH> prva celica v prvi vrstici (glava tabele)
<TH> vsebina celice</TH> zadnja celica v prvi vrstici (glava tabele)

 

 

Za nejasne stvari, za kaksno drugo vprasanje o kodi HTML mi poSlji e-mail.

 E-mail

 

 

 nazaj