HTML
introduction
HTML signifie Hyper Text Markup Language.C'est un langage de formatage utilisé pour définir l'apparence et le contenu d'une page Web. Il nous permet d'organiser du texte, des graphiques, de l'audio et de la vidéo sur une page Web.
Key Points:
Le mot Hypertext fait référence au texte qui fait office de lien.
Le mot balisage fait référence aux symboles utilisés pour définir la structure du texte. Les symboles de balisage indiquent au navigateur comment afficher le texte et sont souvent appelés balises.
Le mot Langue fait référence à la syntaxe similaire à toute autre langue.
Le HTML a été créé par Tim Berners-Lee à CERN.
Versions HTML
Le tableau suivant présente les différentes versions de HTML:
Version | An |
---|---|
HTML 1.0 | 1991 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.0 | 1999 |
XHTML | 2000 |
HTML5 | 2012 |
Balises HTML
Tag est une commande qui indique au navigateur Web comment afficher le texte, l'audio, les graphiques ou la vidéo sur une page Web.
Key Points:
Les balises sont indiquées par une paire de crochets angulaires.
Ils commencent par un caractère inférieur à (<) et se terminent par un caractère supérieur à (>).
Le nom de la balise est spécifié entre les chevrons.
La plupart des balises se produisent généralement par paires: la balise de début et la balise de fermeture.
La balise de début est simplement le nom de la balise entre crochets angulaires tandis que la balise de fermeture est spécifiée avec une barre oblique (/).
Certaines balises sont vides c'est-à-dire qu'elles n'ont pas la balise de fermeture.
Les balises ne sont pas sensibles à la casse.
Le nom des balises de début et de fin doit être le même. Par exemple, <b> bonjour </i> n'est pas valide car les deux sont différents.
Si vous ne spécifiez pas les crochets angulaires (<>) pour une balise, le navigateur traitera le nom de la balise comme un simple texte.
La balise peut également avoir des attributs pour fournir des informations supplémentaires sur la balise au navigateur.
Balises de base
Le tableau suivant présente les balises HTML de base qui définissent la page Web de base:
Marque | La description |
---|---|
<html> </html> | Spécifie le document en tant que page Web. |
<head> </head> | Spécifie les informations descriptives sur les documents Web. |
<title> </title> | Spécifie le titre de la page Web. |
<body> </body> | Spécifie le corps d'un document Web. |
Le code suivant montre comment utiliser les balises de base.
<html>
<head> Heading goes here…</head>
<title> Title goes here…</title>
<body> Body goes here…</body>
</html>
Mise en forme des balises
Le tableau suivant présente les balises HTML utilisées pour la mise en forme du texte:
Marque | La description |
---|---|
<b> </b> | Spécifie le texte en gras. Par exemple.this is bold text |
<em> </em> | C'est un texte de phrase. Il spécifie le texte mis en valeur. Par exemple. Texte accentué |
<strong> </strong> | C'est une balise de phrase. Il précise un texte important. Par exemple. this is strong text |
<i> </i> | Le contenu de la balise italique est affiché en italique. Par exemple. Texte en italique |
<sub> </sub> | Spécifie le texte en indice. Par exemple. X 1 |
<sup> </sup> | Définit le texte en exposant. Par exemple. X 2 |
<ins> </ins> | Spécifie le texte inséré. Par exemple. Le prix du stylo est maintenant |
<del> </del> | Spécifie le texte supprimé. Par exemple. Le prix du stylo est maintenant |
<mark> </mark> | Spécifie le texte marqué. Par exemple. Il estil pleut |
Balises de table
Le tableau suivant décrit les balises de table couramment utilisées:
Marque | La description |
---|---|
<table> </table> | Spécifie une table. |
<tr> </tr> | Spécifie une ligne dans le tableau. |
<th> </th> | Spécifie la cellule d'en-tête dans le tableau. |
<td> </td> | Spécifie les données dans une cellule du tableau. |
<caption> </caption> | Spécifie la légende du tableau. |
<colgroup> </colgroup> | Spécifie un groupe de colonnes dans un tableau pour la mise en forme. |
Répertorier les balises
Le tableau suivant décrit les balises de liste couramment utilisées:
Marque | La description |
---|---|
<ul> </ul> | Spécifie une liste non ordonnée. |
<ol> </ol> | Spécifie une liste ordonnée. |
<li> </li> | Spécifie un élément de liste. |
<dl> </dl> | Spécifie une liste de description. |
<dt> </dt> | Spécifie le terme dans une liste de descriptions. |
<dd> </dd> | Spécifie la description du terme dans une liste de descriptions. |
Cadres
Framesnous aider à diviser la fenêtre du navigateur en plusieurs régions rectangulaires. Chaque région contient une page Web html distincte et chacun d'eux fonctionne indépendamment.
Un ensemble de cadres dans l'ensemble du navigateur est appelé jeu de cadres. Il indique au navigateur comment diviser la fenêtre du navigateur en cadres et en pages Web que chacun doit charger.
Le tableau suivant décrit les différentes balises utilisées pour créer des cadres:
Marque | La description |
---|---|
<frameset> </frameset> | C'est le remplacement de la balise <body>. Il ne contient pas les balises qui sont normalement utilisées dans l'élément <body>; à la place, il contient l'élément <frame> utilisé pour ajouter chaque image. |
<frame> </frame> | Spécifie le contenu de différents cadres dans une page Web. |
<base> </base> | Il est utilisé pour définir le cadre cible par défaut dans toute page contenant des liens dont le contenu est affiché dans un autre cadre. |
Formes
Formssont utilisés pour saisir les valeurs. Ces valeurs sont envoyées au serveur pour traitement. Forms utilise des éléments d'entrée tels que des champs de texte, des cases à cocher, des boutons radio, des listes, des boutons d'envoi, etc. pour y entrer les données.
Le tableau suivant décrit les balises couramment utilisées lors de la création d'un formulaire:
Marque | La description |
---|---|
<form> </form> | Il est utilisé pour créer un formulaire HTML. |
<input> </input> | Spécifie le champ de saisie. |
<textarea> </textarea> | Spécifie un contrôle de zone de texte qui permet de saisir du texte multiligne. |
<label> </label> | Spécifie le libellé d'un élément d'entrée. |