Code HTML d'une page Web : les bases

Dans le head

Dans le head se trouvent des instructions non visibles sur la page mais utiles aux navigateurs, aux robots d'indexation, aux moteurs de recherche.
On doit y trouver obligatoirement la balise title renseignée avec soin. Elle s'affiche en haut de la page web.
On peut y trouver les liens link.
Pour lier une feuille de style externe nous aurons entre le chevrons:
link rel="stylesheet" type="text/css" href="............"
Pour lier une icône .ico nous aurons entre les chevrons :
link rel="shortcut icon" type="image/x-icon" href="../ImgIndex/IconeNP++.ico"

Dans le body

Balises HTML de type bloc

Dans le body se trouve tout ce qui sera visible sur la page Web. Le body sera structuré avec des balises de type bloc qui occupent toute la largeur disponible et se placent les unes en dessous des autres dans l'odre de leur création.
Ces balises peuvent s'imbriquer sauf la balise p qui ne peut en contenir aucune autre.

div (balise générique), p, titres de 6 niveaux, ul, ol, table, blockquote, address

Balises HTML de type en ligne

Ces balises occupent la largeur qu'on leur donne ou celle de leur contenu. Elles sont contenues dans des balises de type bloc et elles peuvent s'imbriquer entre elles.

Les plus courantes :

img, a, strong, em, span (balise générique), br, cite, big, small,

Qua de causa Helvetii quoque reliquos Gallos virtute praecedunt, quod fere cotidianis proeliis cum Germanis contendunt, cum aut suis finibus eos prohibent aut ipsi in eorum finibus bellum gerunt.

Apud Helvetios longe nobilissimus fuit et ditissimus Orgetorix. Is M. Messala, [et P.] M. Pisone consulibus regni cupiditate inductus coniurationem nobilitatis fecit et civitati persuasit ut de finibus suis cum omnibus copiis exirent: perfacile esse, cum virtute omnibus praestarent, totius Galliae imperio potiri.

Apud Helvetios longe nobilissimus fuit et ditissimus Orgetorix. Is M. Messala, [et P.] M. Pisone consulibus regni cupiditate inductus coniurationem nobilitatis fecit et civitati persuasit ut de finibus suis cum omnibus copiis exirent: perfacile esse, cum virtute omnibus praestarent, totius Galliae imperio potiri. Id hoc facilius iis persuasit, quod undique loci natura Helvetii continentur: una ex parte flumine Rheno latissimo atque altissimo, qui agrum Helvetium a Germanis dividit; altera ex parte monte Iura altissimo

Les moins courantes :

select et option pour faire des menus déroulants


textarea pour faire une fenêtre avec barre de défilement.
Permet de fixer les dimensions d'un champ multiligne, elle fait partie des éléments utilisés au sein des formulaires FORM afin de récupérer des informations clients.


sub, sup : balises spéciales pour indices et exposants
una3
altera4

Balises CSS de mise en forme

Elles se placent à l'intérieur de la balise ouvrante html.
Exemple : style="text-align:center;"
Elles ne sont employées que ponctuellement. La mise en forme d'une page sera faite à l'aide de feuilles de styles internes et externes.