1. Introduction

https://www.youtube.com/watch?v=CkzbI1Tv_rQ

HTML → Bases du HTML

HTML for People

Motherfucking Website

Apprendre le HTML : guides et didacticiels - Apprendre le développement web | MDN

2. Structure de base

A. Obligatoire

Tag Fonction
<html> L’élément racine. Rien n’existe en dehors de cet élément.
<head> Élément qui contient les informations de la page. Non visible par l’utilisateur·ice.
<body> Élément qui contient la structure de votre site. Sa partie visible.

B. Facultatif

Tag Fonction
<style> Le style pour mettre en forme vos éléments.
<script> La balise pour accueillir les scripts d’interactivité.
<link> L’élément de lien vers des ressources externes.

3. Éléments (ou tags) de base

A. Blocs

Texte

Ces éléments permettent de structurer un contenu textuel.

Tag Fonction
<h1> <h2> <h3> <h4> <h5> <h6> Niveaux de titre
<p> Paragraphe
<a> Lien. Pas obligatoirement du texte à l’intérieur.
<ul> Liste non ordonnée. Est consituée de <li>
<ol> Liste ordonnée. Est consituée de <li>
<li> Élément d’une liste, ordonnée ou non.

Structure

La nom de chaque donne une indication au navigateur sur la fonction de l’élément et de son contenu. C’est ce qu’on appelle le “web sémantique”.

Tag Fonction
<div> Bloc qui n’a pas de fonction particulière. Si vous avez un doute, utilisez celui-ci.
<header> Représente du contenu introductif.
<footer> Le pied de page.
<nav> Le bloc qui contient des éléments de navigation.
<main> Représente le contenu majoritaire du <body>.

B. Inline