Zgradba HTML dokumentov

Primer najdete tukaj.

Drevo HTML označb

Primer je tukaj.

html je starš od head in body
head in body sta otroka od html
p je predhodnik od ul
ul je naslednik od p
vsi li so sorodniki
li je potomec od body
body je prednik od li

Glava HTML dokumenta

V glavi med značkama <head> in </head> opišemo dokument. Z značko <title> moramo določiti naslov, ki se prikaže v naslovni vrstici brskalnika, z drugimi značkami pa lahko določimo še način kodiranja, ki določa, na kakšen način smo zapisali znake, ki jih ni v tabeli ASCII, ključne besede, ki raznim iskalnikom pomagajo pri uvrščanju spletne strani v ustrezne skupine, obliko posameznih elementov, vključimo lahko pomožne datoteke ... Kar napišemo v glavi, v oknu brskalnika ni vidno. Do teh podatkov pridemo, če to posebej zahtevamo (na primer z ukazom Tools, Page Info v brskalniku Mozilla Firefox).

Primer:

<title> Priročnik za jezik HTML </title>

<meta http-equiv="Content-Type" content="text/html"; charset="windows-1250" />

<meta name="Author" content="Milan Ojsteršek" />

<meta name="Keywords" content="HTML, priročnik" />

<meta name="Description" content="Priročnik za jezik HTML za začetnike" />

<meta name="Generator" content="Notepad" />

<meta http-equiv="Refresh" content="5;url=http://www.feri.uni-mb.si">

<meta http-equiv="Robots" content="noindex" />

<meta http-equiv="Content-Language" content="en" />

<base href="http://www.feri.uni-mb.si/csferi/" />

<style type="text/css"> p {color: #FF0000;} </style>

<link rel="StyleSheet" type="text/css" href="stil.css" />

<script type="text/javascript" src="program.js"></script>

Glava HTML dokumenta – nadaljevanje

Z oznako <title> določimo naslov HTML dokumenta, ki se prikaže v naslovni vrstici.
- ```
<title> Priročnik za jezik HTML </title>
```

Z oznako <meta> na spletno stran dodamo informacije o njej. Na izbiro imamo več možnosti.

<meta name="Description" content="Priročnik za jezik HTML za začetnike" /> <!-- Opis spletne strani;-->

<meta name="Keywords" content="HTML, priročnik" /> <!-- Ključne besede, ki so pomembne pri indeksiranju iskalnikov ( ti rangirajo dokumente s ključnimi besedami višje);-->

<meta name="Author" content="Milan Ojsteršek" />  <!-- Avtor dokumenta;-->

```
<meta http-equiv="Content-Type" content="text/html"; charset="windows-1250" />
```
Definiranje MIME tipa dokumenta (text/HTML) in kodiranje (windows-1250, UTF-8... – poglejte standard ISO10646 in UNICODE);

<meta http-equiv="Content-Language" content="en" /> <!-- Jezik v katerem je dokument ( v našem primeru je to angleški jezik);-->

<meta http-equiv="Refresh" content="5;url=http://www.feri.uni-mb.si"> <!-- po 5 sekundah se izvede preusmeritev na url naslov http://www.feri.uni-mb.si;-->

<meta http-equiv="Robots" content="noindex" /> <!-- Z oznako Robots (noindex) preprečimo, da bi nas pajek poindexsiral (da bi se naša spletna stran pojavila npr. v Google).-->

Glava HTML dokumenta – nadaljevanje

<base href="http://www.feri.uni-mb.si/csferi/" /> <!--Z oznako <base> določimo osnovni url naslov za reference, ki imajo relativne naslove glede na ta naslov-->

<style type="text/css"> p {color: #FF0000;} </style> <!-- z oznako <style> določimo CSS stil v glavi dokumenta-->

<link rel="StyleSheet" type="text/css" href="stil.css" /> <!-- z oznako <link> določimo, kje se nahaja zunanja datoteka (v tem primeru vključimo datoteko stil.css s stilom CSS), ki jo bomo vključili v glavo dokumenta-->

<script type="text/javascript" src="program.js"></script>  <!-- z oznako <script> vključimo datoteko skript v glavo dokumenta (v tem primeru vključimo datoteko Javascript program.js)-->

Nasvet

Uporabljajte HTML označbe glave. Vsak dokument naj ima vsaj <title>, definiran kodni format, opis in ključne besede.

Označbe glave

<head> Glava HTML dokumenta

<title> Naslov dokumenta

<meta> Meta podatki

<base> Definira začetni URL sklicevanih dokumentov

<basefont> Definira osnovni tip, barvo in velikost pisave dokumenta

Telo HTML dokumenta

V telesu napišemo vse, kar želimo, da brskalnik prikaže v svojem oknu. Običajno tu opišemo besedilo, slike, tabele, sezname in druge elemente, ki sestavljajo spletno stran.

Primer najdete tukaj.

Posebni znaki

Nekateri znaki v HTML imajo poseben pomen. Ti znaki so < (manjši), > (večji), " (dvojni narekovaj) in & (in).

Primer:

Znak “<“ zapišemo z <
Znak “>” zapišemo z >
Če hočemo v HTML zapisati “a>b”, to zapišemo z: a > b.

Če jih želimo uporabiti v besedilu, moramo uporabiti njihova imena, določena s standardom SGML. Podrobnejši opis znakov je podan na: http://www.w3schools.com/tags/ref_entities.asp.

Tudi ASCII znake lahko zapišemo s pomočjo posebnega zapisa v HTML. Podrobnejši opis je podan na: http://www.w3schools.com/tags/ref_ascii.asp.