HTML
HTML
Hyper Text Markup Language on markeerimiskeel, mida kasutatakse veebi lehtede koostamiseks. HTML'is saab kuvada, pilte, videosid, tekste ja linke teistele lehtedele. HTML ei ole skriptimiskeel ja defineerib vaid objektide asetust (ja mingil määral ka parameetreid) lehel. Dünaamilisuse lisamiseks kasutatakse skriptimiskeeli, näiteks nagu PHP või Ruby on Rails. Populaarsed on ka Flash lahendusi kasutavad lehed.
Sisukord
Standardid
Selleks, et kõik brauserid mõistaksid veebilehte sama moodi, on olemas standardid.
Tänapäeval enimkasutatud:
- HTML 4.01
- XHTML 1.0 Strict
- XHTML 1.0 Transitional
- XHTML 1.0 Frameset
Veebilehe nõuetele vastamist saad kontrollida aadressil: validator.w3.org
Struktuur
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="et" lang="et">
<head>
<title>Lehe pealkiri</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
</head>
<body>
Lehe sisu!
</body>
</html>
HTML elemendid (e. tag'id) asuvad < ja > märkide vahel. Elementide kehtivuse lõpetab märge, mis asub </ ja > vahel. Näiteks elemendi <b> kehtivuse lõpetab märge </b>. Mõned elemendil puudub lõpumärge, nagu näiteks <br>. Selliste puhul tuleb XHTML keeles panna kaldkriips sedasi: <br/>.
HTML 4.01 standard oli palju kirjum ja vabam kui XHTML 1.0. Viimane lubab html elemente defineerida vaid väikeste tähtedega. Samas kasutab viimane elementide kujunduseks suures osas CSS'i (Cascading Style Sheet).
HTML keeles kommentaaride tegemiseks (või koodi välja kommenteerimiseks, et seda lehel ei kuvataks), tuleb kommenteeritav panna <!-- ja --> vahele.
NB! Kommenteeritud kood on lehe lähtekoodis näha!
Tihti sisaldavad elemendid ka atribuute:
<img src="pilt.jpg" alt="See tekst kuvatakse, kui pildifaili ei leitud" title="Pildi pealkiri">
Elemendid
A [ankur]
Elementi kasutatakse viidete loomiseks.
Atribuut HREF määrab viite sihi.
Viide kohalikus serveris asuvale failile:
<a href="minust.html">Minust</a>
Viide Neti.ee HTML õpetusele:
<a href="http://www.neti.ee/HTML.html">Neti.ee HTML õpetus</a>
Atribuut TARGET määrab akna, kuhu viide väljastatakse (_blank, _self, _parent, _top, jne..)
Atribuut TITLE määrab viite pealkirja, mida kuvatakse kui hiir liigutada viite peale.
Atribuut NAME teeb vastava tekstilõigu viitena kättesaadavaks.
Näiteks tekstile
<a name="jutt"> Selles tekstis on mingi jutt!</a>
saaks viidata läbi
<a href="#jutt">
