Construction des pages
Pour débuter : Construire sa page html proprement et aux normes.
1 -Voici par exemple une page HTML minimaliste :
2 - Déclaration du type de document (DTD) Il est conseillé d’indiquer dans la page HTML le prologue du type de document, c’est-à-dire une référence à la norme HTML utilisée, afin de spécifier le standard utilisé pour le codage de la page. La déclaration du document indique la DTD (Document Type Definition) utilisée, c’est-à-dire la référence des caractéristiques du langage utilisé. Si vous avez adopté la démarche de mise en conformité de votre site Web avec les Standards (X)HTML et CSS définis au sein du W3C, ou si vous vous apprêtez à le faire, vous ne pouvez manquer d’avoir à placer, en tête de chacune de vos pages, une étrange portion de code du type : Le "Doctype", souvent appelé DTD (Déclaration de Type de Document) sert à indiquer à quelles règles d’écriture obéit le code d’une page HTML ou XHTML. Ces règles sont en fait contenues dans des documents assez particuliers, les Définitions de Type de Document (abrégé également sous la forme DTD), écrites dans un langage qui vous paraîtra sans doute un peu barbare, et hébergées sur le site du W3C (pour celles qui nous intéressent ici). Si vous êtes curieux, et que vous voulez voir un exemple, téléchargez celle-ci. Mais attention, vous serez surpris : en effet, les DTD sont destinées à être lues avant tout par les "machines" logicielles, et non par des êtres humains. http://www.commentcamarche.net/cont... 3 - Entête (Head) Un document HTML commence par la balise On peut y placer le titre, la description de la page, ... et par exemple l’encodage de caractères : L’en-tête est délimité par les balises 3 - Corps (Body) Le corps est délimité par les balises Dans l’en-tête <HTML>
<HEAD>
<TITLE>Titre de la page</TITLE>
</HEAD>
<BODY>
Contenu de la page
</BODY>
</HTML><!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"><HTML> et finit par la balise </HTML>. Il contient également un en-tête décrivant le titre de la page, puis un corps dans lequel se trouve le contenu de la page.<title>1 colonne centrée, largeur en pixels</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><HEAD> et </HEAD><BODY> et /BODY><HEAD> et </HEAD>, vous déclarez les styles :<style type="text/css">
...
</style>
- CSS - Cascading Style Sheets
- Créer un formulaire mail avec Captcha
- Découpage et Codage en XHTML/CSS
- Où est ma transparence ? Navigateur Obsolète
- Les commentaires conditionnels pour Internet Explorer
- Optimiser les performances de son site
- Mise en page iPad CSS avec Modes Portrait Paysage
- Personnaliser sa page Twitter
- Créer une page à onglets
- Convertir les photos en images vectorielles
Voir la construction d’une page simple avec 1 seule colonne