HTML - Initiation aux bases du langage web

Objectifs d'apprentissage

• Comprendre les bases du HTML et son rôle dans la création de pages web.
• Maîtriser la syntaxe des balises HTML et leur utilisation correcte.
• Apprendre à structurer un document HTML avec des éléments de base (titres, paragraphes, listes, etc.).
• Savoir intégrer des médias (images, sons) dans une page web.
• Découvrir les bonnes pratiques pour éviter les erreurs courantes (balises non fermées, mauvaise imbrication).

Public cible

Ce cours s'adresse aux débutants souhaitant découvrir le langage HTML et les fondamentaux de la création web. Il est idéal pour les étudiants, les professionnels en reconversion ou toute personne curieuse de comprendre comment fonctionnent les pages internet. Aucune connaissance préalable en programmation n'est requise, ce qui en fait une excellente porte d'entrée vers le développement web.

Introduction au HTML

Le HTML (HyperText Markup Language) est le langage de base utilisé pour créer et structurer le contenu des pages web. Il permet de définir des éléments tels que des titres, des paragraphes, des listes, des images, des liens et bien d'autres. Contrairement aux langages de programmation traditionnels, le HTML est un langage de balisage, ce qui signifie qu'il utilise des balises pour encadrer et décrire le contenu plutôt que d'exécuter des instructions complexes.

Structure d'un document HTML

Un document HTML est constitué d'une série de balises qui définissent la structure et le contenu de la page. Les balises sont toujours encadrées par les symboles < et >. La plupart des balises fonctionnent par paires : une balise ouvrante (<balise>) et une balise fermante (</balise>). Par exemple, pour créer un paragraphe, on utilise les balises <p> et </p>.

Les balises essentielles

Voici quelques-unes des balises HTML les plus couramment utilisées :

• <h1> à <h6> : pour les titres et sous-titres (h1 étant le plus important).
• <p> : pour les paragraphes de texte.
• <a> : pour créer des liens hypertextes.
• <img> : pour insérer des images (cette balise n'a pas de fermeture).
• <ul>, <ol> et <li> : pour créer des listes à puces ou numérotées.

Intégration de médias

Le HTML permet d'enrichir les pages web avec différents types de médias. Pour insérer une image, on utilise la balise <img> avec l'attribut src pour spécifier le chemin de l'image. Par exemple : <img src="mon-image.jpg" alt="Description de l'image">. L'attribut alt est important pour l'accessibilité et le référencement.

Bonnes pratiques et erreurs à éviter

L'une des erreurs les plus courantes chez les débutants est d'oublier de fermer les balises. Par exemple, si vous oubliez de fermer une balise <em> (pour l'italique), tout le texte suivant sera mis en italique jusqu'à la fin du document ou jusqu'à la prochaine balise fermante. Il est également important de bien imbriquer les balises : une balise ouverte en dernier doit être fermée en premier.

Conclusion

Ce cours d'initiation au HTML vous a présenté les concepts de base nécessaires pour commencer à créer vos propres pages web. En maîtrisant ces fondamentaux, vous serez prêt à explorer des sujets plus avancés comme le CSS pour la mise en forme ou le JavaScript pour l'interactivité. Le HTML est la pierre angulaire du web, et sa compréhension est essentielle pour quiconque souhaite s'aventurer dans le développement web.