L’HyperText Markup Language, généralement abrégé HTML, est le langage de balisage conçu pour représenter les pages web.
Le HTML permet également de structurer sémantiquement et logiquement et de mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images, des formulaires de saisie et des programmes informatiques. Il permet de créer des documents interopérables avec des équipements très variés de manière conforme aux exigences de l’accessibilité du web.
Il est souvent utilisé conjointement avec le langage de programmation JavaScript et des feuilles de style en cascade (CSS). HTML est initialement dérivé du Standard Generalized Markup Language (SGML).
Un élément HYML est cositué de balises (tag en anglais) délimité par : <...>
Il existe deux types de balises, les balse orphelines et les balise double qui s'ouvre et se ferme.
Structure d'une balise orpheline :
<orpheline>
Structure d'une balise paire de balise double :
<ouvrante> </fermante>
Dans le page on referme les balise dans le sens inverse de leurs ouverture:
<A> <B> <C> </C> </B> </A>
Les balises en HTML peut porter de nombreux atribut, il sont optionnle et s'intégre à la structure de base de le façon suivante:
<balise attribut="valeur">
Il est à noter que cette structure est la même que cela soit pour une paire de balise ou pour une balise orpheline.
La structure de base d'une page HTML est la suivante :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> Titre </title>
</head>
<body>
</body>
</html>
Le DOCTYPE :
Il indique au navigateur qu'il s'agit d'une page HTML en association avec la balise html
<!DOCTYPE html>
<html>
Head
En tête générale de la page qui regroupe tous les éléments informatif utile au chargement de la page et de ses éléments.
<head>
<meta charset="utf-8" />
<title> Titre </title>
</head>
Le Head contient différentes balises dont les deux essentielle à la structure de base sont :
<meta charset="utf-8" />
qui définit l'encodage de la page c'est à dire la foçon dont apparaitrons les caractères spéciaux à l'écran et
<title> Titre </title>
qui indique le titre de la page HTML, c'est le titre qui apprait dans l'onglet du navigateur.
Body
C'est la balise qui conteint toute les information qui apparaitrons à l'écran et donc les éléments de la page.
<body>
</body>
Comentaire
Un autre élément est à connaitre :
<!-- commentaire -->
cette élément permet l'insertion d'element dans le code qui n'apparaitrons pas à l'écran.
Il existe de nombreuses balise et attribut qui permette de structurer le texte en voici quelques unes.
Les titres
voici les balises de titres existantes en HTML suivis de leur forme vue à l'écran
<h1>Titre super important</h1>
<h2>Titre important</h2>
<h3>Titre un peu moins important (sous-titre)</h3>
<h4>Titre pas trop important</h4>
<h5>Titre pas important</h5>
<h6>Titre vraiment pas important du tout</h6>
Titre super important
Titre important
Titre un peu moins important (sous-titre)
Titre pas trop important
Titre pas important
Titre vraiment pas important du tout
Les paragraphes
Il exite également de nombreuses balise pour structurer les paragraphes,. Voici leur représentation HTML et leur représentation visuel :
<p>
<strong>texte important après un saut de ligne</strong><
<br/>
<mark>fait ressortir du texte sans obligation d'importance</mark>
</p>
Ceci est un paragraphe
texte important
fait ressortir du texte sans obligation d'importance
A noter : br permet le retour à la ligne qui ne se fait pas automatiquement.
Les listes
Il existe 2 types de liste en HTML, les listes orginiser (ol) et les liste à puce (ul)
Liste Organiser