You are on page 1of 3

Darko Stipaničev – Zaglavlje HTML dokumenta (tag <head>)

Prof.dr.sc.Darko STIPANIČEV

Programiranje za INTERNET

Zaglavlje HTML dokumenta (tag <head>)


Svrha lekcije:

1. Naučiti više o organizaciji HTML dokumenta


2. Naučiti osnovne tagove koji dolaze u zaglavlje HTML dokumenta (taga <head>)

Što je HTML - Hypen Text Markup Language

HTML je jezik koji daje instrukcije pretraživaču kako prikazati multimedijske sadržaje u
ekranu pretraživača. Temelji se na tagovima- naredbama koje se nalaze unutar < >. Većina
tagova ima svoj početni dio npr. <body> i završni dio </body> koji kaže kada prestaje utjecaj
te naredbe. Iznimno neke od naredbi ne trebaju imati završni. To sunaredbe <area>, <br>,
<hr>, <img>, <frame>, <input>, <link> i <meta>. U duhu XHTML-a i te se naredbe trebaju
zatvoriti unutar sebe tako da se prije krajnjeg > stavi /, na primjer <hr />.

Struktura HTML dokumenta

< html >


< head > 

  ZAGLAVLJE DOKUMENTA
< / head > 
< body >  < FRAMESET >

  TIJELO DOKUMENTA ili 
< / body >  < / FRAMESET >
< / html >

Svaki TAG se može pisati malim, velikim, pa čak i miješanim slovima <head>, <HEAD>,
<HeaD>, ali je preporuka XHTML-a da se svi tagovi pišu malim slovima.

Komentar koji se na stranici ne prikazuje ubacuje se unutar tagova <!--. . . .- -> na primjer
<!—Ovo je komenrtar,. On se na stranici ne prikazuje. ->

Svaki HTML dokument treba biti u skladu sa DTD (Document Type Definition). Koji DTD
se koristi definira se prvim tagom dokumenta:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01


Transitional//EN">

U ovom se primjeru koristi koristi DTD prema standardu HTML 4.01 Transitional, a jezik je
engleski.

Programiranje za Internet, Split 2006.


Darko Stipaničev – Zaglavlje HTML dokumenta (tag <head>)

<html>- osnovni tag svakog HTML dokumeta

atributi: dir - ltr (left to right)


- rtl (right to left)
lang - jezik "en", "fr", "de", "it"...
version - ista kao DOCTYPE ← DOCTYPE je bolji

<head> - definira zaglavlje i u njemu neke tagove posebne namjene.

Neki od najvažnijih su:


<title> - definira ime dokumenta
<meta …> - ubacuje dodatne informacije o dokumentu
<style> - definiranje stilova
<script …> - definira program napisan u skriptnom jeziku pretraživača

<base>
} -- definira sadašnju lokaciju dokumenta i njegovu relaciju s drugim dokumentima
<link …>

<object …> - definira postupke kako se .....objekti

-- - - - - - - - - - - - - - - -
<title> Tečaj HTML: Uvodno predavanje </title>
Pretraživači ga učitavaju i prvog citiraju. VAŽNO!!!
- ----------------
- <meta …> - Daje informacije o dokumentu
- <meta name=''keywords" content="HTML, FESB, tečaj">
- <meta name="description" content="Tečaji iz HTML-a za studente 4. godine">
- <meta name="authors" content ="Darko Stipaničev">
- <meta http-equiv="charset" content="ISO-8859-2">
↑za Hrvatska slova
- <meta http-equiv="expires" content="31 Dec 90"> - kada dokument ističe
- <meta http-equiv="refresh" content="5" url=''http://laris.fesb.hr/dstip.html''> - nakon 5
sekundi automatski učita stranicu dstip.html na poslužitelju laris.fesb.hr

- ---------- -----------------------------------------------
- <base> - Definira baznu lokaciju dokumenta apsolutno:
<base href="http:zel.fesb.hr/">
ali može se i relativno npr.
<base href="info">

Koristi se ukoliko smo na primjer prebacili smo sve fileove u direktorij, "info".
Kod framova
<base target = "_top">- definira frame - ovir u kojem se prikazuje sadržaj stranice

<link> definira relacije između dokumenata, kada u dokumnetu treba pokupiti i uključiti i
neke vanjske dokumente na primjer vanjske stilove:
<link href="styles/classic.css" rel=''stylesheet'' type = "text/css">
↑ ↑ ↑
gdje što mime type

Programiranje za Internet, Split 2006.


Darko Stipaničev – Zaglavlje HTML dokumenta (tag <head>)

ili ikonicu koja se prikazuje uz put do dokumenta:


<link href=" images/favicon.ico " rel='' shortcut '' >

Nema završni tag </link> !!!


--------------------------------
<script> ubacivanje scripte
<script language=''Java Script'' src = "scripts/program js"> </script>
Ima završni tag </script> !!!
Može se staviti i u <body> !!!

Umjesto language=''Java Script'' može i type = text/java Script

--------------------------------
<style> ubacivanje stilova
<style type = "text /css">
<!- -
…stilovi …
-->
</style>
ili
<style>
<! --
@import url(stila.css)
- ->
</style>

--------------------------------

<object> ubacivanje vanjskih elemenata npr java appleta


Rijetko u HEAD !!!

<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1"


width="100" height="50">
<param name="BorderStyle" value="1" />
<param name="MousePointer" value="0" />
<param name="Enabled" value="1" />
<param name="Min" value="0" />
<param name="Max" value="10" />
</object>
------

Programiranje za Internet, Split 2006.

You might also like