Παράσταση ιστοσελίδων με 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>
Αυτή θα εμφανιστεί ως εξής:

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


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

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