Apprendre la Structure HTML de Base
Apprenez à analyser une image et à structurer son contenu en utilisant des balises HTML de manière efficace.
Introduction
Apprendre XHTML et CSS
Premier contact avec HTML et CSS










Annexe 1: Travailler avec les bons outils
Introduction à la mise en page en CSS










Annexe 2 : Standards et validité
Mise en page d'un design simple







Des menus de navigation en HTML et CSS
Annexe 3 : L'encodage des caractères
Mise en forme du contenu
Annexe 4 : Des gabarits de mise en page pour vos projets
Mise en forme d'un contenu
Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons apprendre à structurer une page web en analysant une image et en reconnaissant les éléments essentiels à baliser avec des balises HTML. Nous débutons en identifiant les titres H1 à H4, en continuant avec la distinction des paragraphes et les listes non ordonnées (ul), puis nous terminons par l'ajout de liens. Nous verrons également comment préparer le terrain pour appliquer des styles CSS plus tard, en utilisant des classes pour des mises en forme spécifiques. Cette leçon couvre les aspects pratiques de balisage immersif dans Notepad et dans un éditeur comme Comodo, et la vérification du rendu dans Firefox. Finalement, nous introduirons la base de la syntaxe CSS pour styliser notre contenu structuré.
Objectifs de cette leçon
Les objectifs de cette vidéo sont les suivants :
- Comprendre l'importance de la structure HTML
- Apprendre à baliser correctement les éléments d'une page web
- Préparer la mise en forme via des classes CSS
Prérequis pour cette leçon
Il est recommandé d'avoir des notions de base en informatique et une connexion internet pour suivre cette vidéo.
Métiers concernés
Cette compétence en structuration HTML est essentielle pour les métiers tels que développeur web, intégrateur web et web designer.
Alternatives et ressources
Comme alternatives, des éditeurs de code comme Visual Studio Code ou Sublime Text peuvent être utilisés à la place de Notepad et Comodo.
Questions & Réponses
<h2>
.
<p>
.
<ol>
et affiche les éléments de liste avec des numéros, tandis qu'une liste non ordonnée utilise la balise <ul>
et affiche les éléments avec des puces.
