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 maintenant2015.
<del> </del> Spécifie le texte supprimé. Par exemple. Le prix du stylo est maintenant2015.
<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.