HTML
LEÇON 1
HTML, ou HyperText Markup Language (Langage de balisage hypertexte), est le langage standard utilisé pour créer et concevoir des pages web. Il se compose d'une série d'éléments ou de balises qui définissent la structure et le contenu d'une page web. Ces balises indiquent au navigateur web comment afficher le contenu, tel que le texte, les images, les liens et d'autres éléments multimédias.
Pour en savoir plus sur l'introduction générale aux technologies web, téléchargez le fichier ci-dessous.
Télécharger le fichier PDFTrouver des Exercices et des Tutorielles ICI
Introduction
HTML (HyperText Markup Language) est le langage standard utilisé pour créer et structurer le contenu des pages web. Il utilise une syntaxe de balisage pour définir la structure d'une page. Dans ce cours, nous explorerons les balises de texte essentielles pour formater et organiser le contenu de manière lisible, tout en examinant leur rôle dans le référencement.
Structure de Base d'une Page HTML
!DOCTYPE html : Indique la version HTML (HTML5) du document.
html lang="fr" : Déclare la langue du document (en français dans cet exemple).
head : Contient des méta-informations sur le document.
meta charset="UTF-8" : Spécifie l'encodage des caractères.
meta name="viewport" content="width=device-width, initial-scale=1.0" : Ajuste l'affichage sur différents appareils.
title : Définit le titre de la page, affiché dans l'onglet du navigateur.
body : Contient le contenu visible de la page.
1. Paragraphe
La balise est utilisée pour définir des paragraphes de texte. Elle crée un espace vertical avant et après le texte.
EXEMPLE
2. En-têtes - h1 à h6 (Titres et Sous-Titres)
Les balises h1 à h6 sont utilisées pour définir les titres et sous-titres. h1 est le titre principal, h2 est un sous-titre, et ainsi de suite.
EXEMPLE
3. Mise en Forme - strong, em, u (Gras, Italique, Souligné)
strong : Texte en gras. Indique une importance forte.
em : Texte en italique. Indique une emphase.
u : Texte souligné. Non recommandé pour le style, utilisé plutôt pour les liens.
EXEMPLE
4. Saut de Ligne - br (Break)
La balise br est utilisée pour insérer un saut de ligne à l'intérieur d'un texte.
EXEMPLE
5. Ligne Horizontale - hr (Horizontal Rule)
La balise hr crée une ligne horizontale pour diviser le contenu.
EXEMPLE
6. Commentaires
Les commentaires sont utilisés pour ajouter des annotations dans le code HTML. Ils ne sont pas affichés dans la page web.
EXEMPLE
7. Balises de Formatage Additionnelles
big et small (Texte plus Grand ou plus Petit)
big : Augmente la taille du texte. small : Réduit la taille du texte.
EXEMPLE
Code (Code Informatique)
La balise code est utilisée pour représenter du code informatique.
EXEMPLE
blockquote (Citation Longue)
La balise blockquote est utilisée pour les citations longues qui peuvent s'étendre sur plusieurs lignes.
EXEMPLE
q et cite (Citation Courte et Source)
-
q : Indique une citation courte.
-
cite : Indique la source de la citation.
EXEMPLE
s, ins , del (Texte Barré, Souligné, Barré)
-
s : Indique du texte barré. Peut indiquer une suppression non recommandée pour le référencement.
-
ins : Indique du texte souligné. Peut indiquer une insertion.
-
del : Indique du texte barré avec une ligne en travers.Peut indiquer une insertion.
EXEMPLE
sup et sub (Exposant et Indice)
-
sup : Utilisé pour le texte en exposant.
-
sup : Utilisé pour le texte en indice.
EXEMPLE
mark (Mise en Évidence)
La balise mark est utilisée pour mettre en évidence une partie de texte.
EXEMPLE
u (Souligné)
La balise u est utilisée pour indiquer du texte souligné.
EXEMPLE
Balises de Type Bloc vs Balises de Type En Ligne
Les balises de type bloc définissent des blocs de contenu et créent une nouvelle ligne avant et après le contenu.Exemples : p, h1, div.
Les balises de type ligne n'affectent pas la structure globale de la page et ne créent pas de nouvelle ligne. Exemples : strong, em, a...
Conclusion
Ce cours a exploré diverses balises de texte HTML pour formater et organiser le contenu des pages web. Pratiquez l'utilisation de ces balises pour maîtriser la création de documents structurés. Dans les cours suivants, nous aborderons d'autres aspects passionnants du développement web.
Cette leçon est terminée. Vous pouvez la trouver au format PDF ci-dessous. Merci.
LECON 1 (PDF)
Trouver des Exercices et des Tutorielles ICI
About BKOI SCHOOL
Qu'est-ce que BKOISCHOOL ?
Nous créons des expériences d'apprentissage simplifiées et interactives. L'apprentissage du développement web devrait être facile à comprendre et disponible pour tout le monde, partout ! BKOI SCHOOL est une école pour les développeurs web, couvrant tous les aspects du développement web :
BKOI SCHOOL a été créé en 2024 et tire son nom de la capitale du MALI BAMAKO (BKO).