De Wiki-PC.
(Redirigé depuis
HTML - XHTML)
Le XHTML est une évolution du HTML, il signifie Extensible HyperText Markup Language.
Ce langage vous permettra de créer une page Web statique.
Avant de commencer
XHTML - Comment ça marche ?
L'entête de la page
Les Differents Doctype
La balise html : balise principale du langage HTML.
Tout ce qui se trouve dans la balise <head> :
La balise head : l'en-tête de la page.
La balise title : le titre du site.
La balise meta : donner des informations sur la page web aux moteurs de recherche et annuaires.
La balise style : permet de définir du code CSS pour la page.
La balise script : Contient en général, des fonctions JavaScript.
La balise link : Cette balise permet d'afficher un titre pour la balise FIELDSET et d'ajouter un lien externe, comme par exemple des styles CSS externes.
Tout ce qui se trouve dans la balise <body> :
La balise body : est le corps de la page web.
La balise p : Pour signaler un paragraphe.
La balise br : Pour aller à la ligne.
Les Commentaires XHTML : Pour commenter votre code.
La balise b : Mettre le texte en gras.
La balise strong : Mettre le texte en valeur plus importante (Souvent mis en gras), Google bot mettra ce texte prioritaire.
La balise i : Mettre le texte en italique.
La balise em : Mettre le texte en valeur plus faible (Souvent mis en italique).
La balise big : Sert à afficher le texte plus gros
La balise abbr : Pour définir une abréviation.
La balise acronym : Pour définir une abréviation.
La balise address : Pour indiquer une adresse.
La balise bdo : Pour indiquer le sens d'affichage du texte.
La balise cite : Pour insérer une citation moyenne.
La balise q : Pour insérer une citation courte.
La balise blockquote : Pour insérer une citation longue.
La balise del : Pour indiquer un texte supprimé, cela barre le texte.
La balise ins : Pour indiquer un texte inséré, cela souligne le texte.
La balise dfn : Marquer le texte sous forme de définition.
La balise sup : Mettre le texte en exposant.
La balise sub : Mettre le texte en indice.
La balise hr : Placer une ligne horizontale
Les balises h1 - h6 : Pour indiquer des titres allant de la plus grande h1 à la plus petite h6.
La balise a : Pour créer des liens, des ancrages...
La balise img : Pour insérer des images.
Balises pour réaliser des listes
Liste à puces
La balise ul : cette balise sert à définir une liste à puces non numérotée.
La balise ol : cette balise sert à définir une liste numérotée.
La balise li : Permet de créer un élément de liste.
Liste de définitions
La balise dl : Liste de définitions.
La balise dt : Terme à définir.
La balise dd : Définition du terme
Les balises pour réaliser un tableau
La balise table : Balise Principale.
La balise caption : Titre du tableau.
La balise tr : Ligne du tableau.
La balise td : cellule du tableau.
La balise th : cellule d'en-tête du tableau.
La balise thead : en-tête du tableau : ce place toujours en première position.
La balise tfoot : pied du tableau : ce place bizarrement toujours en seconde position.
La balise tbody : corps du tableau : ce place bizarrement toujours en troisième position.
Les attributs
L'attribut colspan : Fusionner les colonnes d'un tableau.
L'attribut rowspan : Fusionner les lignes d'un tableau.
Les balises pour réaliser un formulaire
La balise form : balise principale du formulaire.
Les champs
La balise input : permet de créer un champ de formulaire.
La balise label : permet de donner un nom au champ de formulaire, lier un nom, réaliser des listes de cases à cocher et des listes d'option à choisir.
La balise textarea : permet de créer un champ de texte sur plusieurs lignes.
Les listes déroulantes
La balise select : balise principale d'une liste déroulante.
La balise option : permet d'ajouter un item à la liste déroulante.
La balise optgroup : permet de créer un groupe.
Esthétique du formulaire
La balise fieldset et legend: Pour regrouper esthétiquement les éléments d'un formulaire.
Aller plus loin
Les commentaires conditionnels pour IE
