Παράσταση ιστοσελίδων με HTML

H HTML είναι μια εφαρμογή της SGML για την περιγραφή σελίδων στο Web. Περιοχές του κειμένου σημειώνονται με ετικέτες (tags). Κάθε ετικέτα περιλαμβάνει το όνομά της και παραμέτρους. Οι ετικέτες γράφονται ως εξής:

<όνομα ετικέτας παράμετροι>

Μια περιοχή του κειμένου μπορεί να σημειωθεί ως εξής:

<ετικέτα>
περιοχή που σημειώνεται
</ετικέτα>

Βασικές ετικέτες που υποστηρίζει η HTML είναι οι παρακάτω:

html: περιγραφή ολόκληρης σελίδας
head: επικεφαλίδα της σελίδας
body: κείμενο της σελίδας
h1-h6: επικεφαλίδες του κειμένου
p: Παράγραφος
ul: λίστα με τελείες
ol: αριθμημένη λίστας
li: στοιχείο λίστας
br: αλλαγή γραμμής
hr: οριζόντια γραμμή
img: εικόνα
a: (anchor) σημείο πρόσβασης από ή σε υπερκείμενο
pre: προστοιχειοθετημένο κείμενο
dl, dt, dd: λίστα περιγραφών, περιγραφές
i: πλάγιοι χαρακτήρες
b: έντονοι χαρακτήρες
table, tr, th/td: Πίνακας, γραμμή, επικεφαλίδα / δεδομένα
: σχόλιο

Παράδειγμα σελίδας:

<!doctype html public "-//IETF//DTD HTML//EN">
<html>
<head>
<title>Τίτλος της σελίδας</title>

<meta NAME="GENERATOR" CONTENT="thread.pl">
<meta NAME="AUTHOR" CONTENT="Diomidis Spinellis">
<meta HTTP-EQUIV="Content-type" CONTENT="text/html; charset=ISO-8859-7">
<link REV="made" HREF="mailto:dds@aueb.gr"> 
<link REL="ToC" HREF=".././web/index.htm">
<link REV="Subdocument" HREF=".././web/index.htm">
<link REL="previous" HREF=".././web/http.htm">
<link REL="next" HREF=".././web/cgi.htm">

</head>

<body>
<h1>Επικεφαλίδα πρώτου επιπέδου</h1><hr />
<p>
Κείμενο που περιέχει ένα σημείο κατάληξης υπερκειμένου
<a name="G42"> (<em>με έντονο κείμενο</em>)</a> 
και μια λίστα:
<ul>
<li> στοιχείο 1 </li>
<li> στοιχείο 2 </li>
</ul>
</p>

<p>
Νέα παράγραφος με ένωση υπερκειμένου στο
<a href="http://www.aueb.gr">Οικονομικό Πανεπιστήμιο</a>
</p>

<hr />
</body>
</html>

Αυτή θα εμφανιστεί ως εξής:

Επικεφαλίδα πρώτου επιπέδου

Κείμενο που περιέχει ένα σημείο κατάληξης υπερκειμένου (με έντονο κείμενο) και μια λίστα:

στοιχείο 1
στοιχείο 2

Νέα παράγραφος με ένωση υπερκειμένου στο Οικονομικό Πανεπιστήμιο