H. T. M. L. (1996)

Home

Hyper-Text Markup Language : langage de balises pour l'hypertexte.

Besoin

Définir un language standard de description de documents sur le Web.

Analyse

HTML est un langage simple permettant de décrire :

le contenu : les données à présenter
la présentation : comment les données sont affichées (couleurs, fontes, casse, justification, etc.)
le format de saisie d'informations saisies par le client (formulaires)

Conception

Un document HTML est une structure hiérarchique de balises (tags), interprétée par un navigateur Web.

Exemples

Un exemple de document HTML est :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <title>Ma page</title> </head> <body> Texte de la page en gras avec un <a href="Lien.html">lien en italique</a>. <body> </html>

Un autre exemple est :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"><html> <head> <title>Ma page</title> </head> <body> Texte de la page en gras avec un <a href="Lien.html">lien</a>. <body> </html>

Implémentation

		Release	0	2	0
HTML		Version	2	3	4	Commentaires
		Fixpack			1
Domaine	Technologie	Service Pack
		RFC	1866
		Année	1995
Balises	Structure	Début de page	`html`			Document HTML
	Structure	En-tête	`head`			Header : en-tête
	En-tête	Titre de page	`title`			Titre
	En-tête	Méta-données	`meta http-equiv="clé" content="valeur"`			Equivalent en-tête HTTP clé
	Corps		`body`
	Composants	Image	`img`		`object`
	Composants	Applet Java	Non	`applet`	`object`
	Emphase	Accentuation	`em`			Emphasis
		Gras	`b`		`strong`
		Fort	`strong`
		Italique	`i`			Italic
	Listes	Liste de définitions	`dl`			Definition list
		Terme de définition	`dt`			Definition term
		Description de définition	`dd`			Definition description
		Elément de liste	`li`			List item
		Liste non ordonnée	`ul`			Unordered list
		Liste ordonnée	`ol`		`em`	Ordered list
		Hyperlien	`a`			Anchor : ancre
		Citation	`cite`			Citation
		Saut de ligne	`br`			Break
	Formulaire	Formulaire	`form`
		Option de menu	`option`			Option à sélectionner
		Zone de texte	`textarea`			Zone de texte
		Saisie	`input`			Saisie
		Sélection de choix	`select`			Formulaire
		Ligne horizontale	`hr`			Horizontal rule
		Télétype	`tt`			Teletype
		var	`var`
		strong	`strong`			Strong emphasis
		Exemple	`samp`			Sample
		Clavier	`kbd`			Keyboard
		Code	`code`			Code
		Base de document	`base`
		Metadonnée	`meta`
		Lien	`link`
		Menu	`menu`
		isindex	`isindex`
	Preformatté	Préformatté	`pre`			Preformated
		Texte plein	`plaintext`	`pre`
		xmp	`xmp`	`pre`
		Listing	`listing`	`pre`
		Adresse	`address`
		Barré	Non	`strike`	Obsolète
		Grand	Non	`big`
		Petit	Non	`small`
		Exposant	Non	`sup`
		Indice	Non	`sub`
		dfn	Non	`dfn`
		Fonte	Non	`font`
		basefont	Non	`basefont`
		Carte	Non	`map`
		Citation	`blockquote`			Citation
		Répertoire	`dir`			Directory
		En-têtes	`h1, h2, h3, h4, h5, h6`			Header 1, 2, 3, 4, 5, 6
	Entités	&	`&`			Ampersand
		é	`é`			e aigü (acute)
		ê	`ê`			e circonflexe
		è	`è`			e grave
		ë	`ë`			e tréma
		Espace insécable	` `			Non-breaking space : espace non sécable.
		Euro	`€` `€`			€
		Cent	`¢`			¢
		Degré	`°`			° (degree)
		Carré	`²`			²
Guillemets gauche		`«`			« (left aquote)
Guillemets droit		`»`			» (right aquote)
Quart		`¼`			¼ (fraction 1/4)
Demi		`½`			½ (fraction 1/2)
Trois quarts		`¾`			¾ (fraction 3/4)
Plus ou moins		`±`			± (plus minus)
U tréma		`ü`			ü
N tilde		`ñ`			ñ
I bas		`¡`			¡
O barré		`Ø`			Ø
Droits réservés		`©`			© (copyright)
Déposé		`®`			® (registered)
Marque déposée		`⃺`			™ (trade mark)
Inférieur à		`<`			< (lower than)
Inférieur ou égal à		`≤`			≤ (lower or equal)
Supérieur à		`>`			> (greater than)
Supérieur ou égal à		`≥`			≥ (greater or equal)
Guillemet		`"`			" Quote
Section	Division	Non	`div`		Remplace layer
	Centré	Non	`center`
	Paragraphe	`p`
	script	Non	`script`
	style	Non	`style`
Tableaux	Tableau	Non	`table`
	Ligne	Non	`tr`		Table row : ligne de tableau
	Colonne	Non	`td`		Table delimiter : délimiteur de tableau
Caractères	Type				Unicode

créé à l'origine par le CERN pour l'échange de documents entre scientifiques.
L'affichage des balises peut être contrôlé via CSS.

Limitations

Mélange présentation et contenu
Langage (ensemble des balises) limité car figé dans une version

Voir

W3C - Maintient le standard HTML
- MarkUp Validation Service
Liberty! Equality! Validity - HTML Validation par Netscape DevEdge

Home \| Contact