Scribd
Importer
6 vues7 pages

Introduction au langage HTML et balises

HTML (HyperText Markup Language) est le langage de base pour créer des pages web, structurant le contenu à l'aide de balises. La structure de base d'un document HTML5 inclut des éléments comme <head> et <body>, tandis que les balises sémantiques améliorent la compréhension du contenu par les navigateurs et les outils d'accessibilité. Des balises comme <header>, <nav>, et <footer> sont essentielles pour une meilleure organisation et optimisation SEO.

Transféré par

koukiamira620
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
6 vues7 pages

Introduction au langage HTML et balises

HTML (HyperText Markup Language) est le langage de base pour créer des pages web, structurant le contenu à l'aide de balises. La structure de base d'un document HTML5 inclut des éléments comme <head> et <body>, tandis que les balises sémantiques améliorent la compréhension du contenu par les navigateurs et les outils d'accessibilité. Des balises comme <header>, <nav>, et <footer> sont essentielles pour une meilleure organisation et optimisation SEO.

Transféré par

koukiamira620
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Introduction HTML

HTML (HyperText Markup Language) est le langage utilisé pour créer des
pages web. Il permet de structurer le contenu en utilisant des balises < > pour
indiquer au navigateur comment afficher le texte, les titres, les listes, les liens,
etc.

HTML(HyperText Markup Language) : C’est un langage de description de


contenu et de structure d’une page web
Structure de base HTML5
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>_____</title> <!-- Compléter avec le titre de la page -->
</head>
<body>

</body>
</html>
Balises de structuration Balises de listes
du texte

Balise Description
<sup> Exposant
<sub> Indice
<strong> Mise en valeur forte
<em> Mise en valeur normale
(italique)
<mark> Mise en valeur visuelle
<h1> Titre de niveau 1
<h2> Titre de niveau 2
<h3> Titre de niveau 3
<h4> Titre de niveau 4
<h5> Titre de niveau 5
<h6> Titre de niveau 6
<a> Lien hypertexte
<br /> Retour à la ligne
<p> Paragraphe
<hr /> Ligne de séparation
Les balises sémantiques
 Les balises sémantiques en HTML sont des balises qui décrivent le rôle et la
signification du contenu qu’elles contiennent, plutôt que simplement son
apparence.

Elles aident :
 Les développeurs à mieux structurer le code.
 Les navigateurs et moteurs de recherche à comprendre le contenu.
 Les outils d’accessibilité (lecteurs d’écran) à mieux restituer l’information.
Exemples de balises sémantiques
importantes :
•<header> : en-tête d’une page ou d’une section.
•<nav> : menu de navigation.
•<main> : contenu principal d’une page.
•<section> : section thématique d’une page.
•<article> : contenu indépendant (article, post de blog…).
•<aside> : contenu secondaire ou complémentaire (pub, infos liées…).
•<footer> : pied de page.
•<figure> et <figcaption> : images/illustrations avec légende.
•<time> : date ou heure.
👉 Contrairement à <div> ou <span> qui sont non sémantiques (elles ne
donnent pas de sens, juste une structure générique), les balises sémantiques
rendent le HTML plus clair et mieux optimisé pour le SEO et l’accessibilité.

Vous aimerez peut-être aussi