HTML - Présentation

HTML signifie Hypertext MArkup Language, et c'est le langage le plus utilisé pour écrire des pages Web.

  • Hypertextfait référence à la manière dont les pages Web (documents HTML) sont liées entre elles. Ainsi, le lien disponible sur une page Web s'appelle Hypertext.

  • Comme son nom l'indique, HTML est un Markup Language ce qui signifie que vous utilisez simplement HTML pour "baliser" un document texte avec des balises qui indiquent à un navigateur Web comment le structurer pour l'afficher.

À l'origine, le HTML a été développé dans le but de définir la structure des documents tels que les titres, les paragraphes, les listes, etc. pour faciliter le partage d'informations scientifiques entre les chercheurs.

Maintenant, HTML est largement utilisé pour formater les pages Web à l'aide de différentes balises disponibles en langage HTML.

Document HTML de base

Dans sa forme la plus simple, voici un exemple de document HTML -

<!DOCTYPE html>
<html>

   <head>
      <title>This is document title</title>
   </head>
	
   <body>
      <h1>This is a heading</h1>
      <p>Document content goes here.....</p>
   </body>
	
</html>

Balises HTML

Comme indiqué précédemment, HTML est un langage de balisage et utilise diverses balises pour formater le contenu. Ces balises sont entourées d'accolades<Tag Name>. À l'exception de quelques balises, la plupart des balises ont leurs balises de fermeture correspondantes. Par exemple,<html> a sa balise de fermeture </html> et <body> la balise a sa balise de fermeture </body> étiquette etc.

L'exemple ci-dessus de document HTML utilise les balises suivantes -

Sr.Non Balise et description
1 <!DOCTYPE...>

Cette balise définit le type de document et la version HTML.
2 <html>

Cette balise englobe le document HTML complet et comprend principalement l'en-tête du document qui est représenté par <head> ... </head> et le corps du document qui est représenté par les balises <body> ... </body>.
3 <head>

Cette balise représente l'en-tête du document qui peut conserver d'autres balises HTML comme <title>, <link> etc.
4 <title>

La balise <title> est utilisée à l'intérieur de la balise <head> pour mentionner le titre du document.
5 <body>

Cette balise représente le corps du document qui conserve d'autres balises HTML comme <h1>, <div>, <p> etc.
6 <h1>

Cette balise représente le titre.
sept <p>

Cette balise représente un paragraphe.

Pour apprendre le HTML, vous devrez étudier différentes balises et comprendre comment elles se comportent, lors du formatage d'un document textuel. L'apprentissage du HTML est simple car les utilisateurs doivent apprendre l'utilisation de différentes balises afin de formater le texte ou les images pour créer une belle page Web.

Le World Wide Web Consortium (W3C) recommande d'utiliser des balises minuscules à partir de HTML 4.

Structure du document HTML

Un document HTML typique aura la structure suivante -

<html>
   
   <head>
      Document header related tags
   </head>
   
   <body>
      Document body related tags
   </body>
   
</html>

Nous étudierons toutes les balises d'en-tête et de corps dans les chapitres suivants, mais pour l'instant, voyons ce qu'est la balise de déclaration de document.

La déclaration <! DOCTYPE>

La balise de déclaration <! DOCTYPE> est utilisée par le navigateur Web pour comprendre la version du HTML utilisée dans le document. La version actuelle de HTML est 5 et utilise la déclaration suivante -

<!DOCTYPE html>

Il existe de nombreux autres types de déclaration qui peuvent être utilisés dans un document HTML en fonction de la version de HTML utilisée. Nous verrons plus de détails à ce sujet en discutant de la balise <! DOCTYPE ...> avec d'autres balises HTML.