Résumé Complet - HTML & CSS
Lecon 1 : Structure de base HTML
<html> : Indique le debut et la fin d'un document HTML.
<head> : Contient les metadonnees de la page (titre, encodage, liens CSS, etc.).
<title> : Affiche le titre de la page dans l'onglet du navigateur.
<meta> : Fournit des informations sur la page (ex : encodage UTF-8).
<link> : Permet de lier un fichier externe (souvent une feuille de style CSS).
<style> : Permet decrire du CSS directement dans la page HTML.
<script> : Permet dintegrer ou lier du code JavaScript.
<body> : Contient tout le contenu visible par l'utilisateur (texte, images, liens, etc.).
Lecon 2 : Balises de texte HTML
<h1> a <h6> : Titres de differents niveaux. <h1> est le plus important, <h6> le moins.
<p> : Paragraphe de texte.
<br> : Saut de ligne.
<hr> : Ligne horizontale de separation.
<strong> : Texte important (gras).
<em> : Texte mis en valeur (italique).
<b> : Texte en gras.
<i> : Texte en italique.
<u> : Texte souligne.
<mark> : Texte surligne.
<small> : Texte plus petit.
<del> : Texte barre.
<ins> : Texte insere (souvent souligne).
<abbr> : Abreviation avec explication.
<cite> : Reference a une uvre.
<q> : Citation courte.
<blockquote> : Citation longue.
<code> : Morceau de code informatique.
<pre> : Texte preformate.
Résumé Complet - HTML & CSS
<span> : Conteneur en ligne.
<div> : Conteneur de bloc.
Lecon 3 : Liens, images et medias
Liens :
<a> : Lien hypertexte.
Attribut href : Adresse du lien.
Images :
<img> : Affiche une image.
Attribut src : Chemin de l'image.
Attribut alt : Texte alternatif.
Attribut width/height : Dimensions.
Audio :
<audio> : Integre un fichier audio.
<source> : Fichier audio.
Attribut controls : Controles de lecture.
Video :
<video> : Integre une video.
<source> : Fichier video.
Attribut controls : Controles de lecture.
Attribut autoplay : Lecture automatique.
Attribut loop : Lecture en boucle.
Attribut muted : Sans son.
Iframe :
<iframe> : Integre contenu externe.
Attribut src : Adresse.
Attribut width/height : Dimensions.
Résumé Complet - HTML & CSS
Lecon 4 : Proprietes texte CSS
color : Couleur du texte.
font-size : Taille du texte.
font-family : Police utilisee.
font-weight : Epaisseur du texte.
font-style : Italique ou normal.
text-align : Alignement du texte.
text-decoration : Decoration (souligne, barre).
text-transform : Casse du texte (majuscule, minuscule).
letter-spacing : Espacement entre lettres.
line-height : Hauteur de ligne.
word-spacing : Espacement entre mots.
direction : Sens du texte (gauche a droite ou inverse).
white-space : Gestion des espaces et retours a la ligne.
Lecon 5 : Mise en page CSS (Box Model)
Dimensions :
width, height : Largeur et hauteur.
max-width, max-height : Dimensions maximales.
min-width, min-height : Dimensions minimales.
Bordures :
border, border-width, border-style, border-color, border-radius.
Marges :
margin, margin-top, margin-right, margin-bottom, margin-left.
Padding :
padding, padding-top, padding-right, padding-bottom, padding-left.
Résumé Complet - HTML & CSS
Autres :
box-sizing, outline, display.
Lecon 6 : Positionnement et display
Display :
block, inline, inline-block, none, flex, grid.
Position :
static, relative, absolute, fixed, sticky.
Utilise avec top, right, bottom, left.
z-index :
Controle la superposition des elements.
Flexbox :
display:flex, flex-direction, justify-content, align-items, flex-wrap.
Lecon 7 : Couleurs, fonds et effets
Couleurs :
color, opacity.
Fond :
background-color, background-image, background-repeat, background-position, background-size,
background-attachment.
Ombres :
box-shadow, text-shadow.
Bordures avancees :
border-style, border-width, border-color.
Résumé Complet - HTML & CSS
Lecon 8 : Listes HTML
- <ul> : Liste non ordonnee
- <ol> : Liste ordonnee
- <li> : Element de liste
- <dl> : Liste de definitions
- <dt> : Terme
- <dd> : Description
Lecon 9 : Formulaires HTML
- <form> : Conteneur du formulaire
- <input>, <textarea>, <button>
- <label>, <select>, <option>
- <fieldset>, <legend>
Lecon 10 : Selecteurs CSS
* : tous les elements
.element : par classe
#id : par identifiant
[attribut] : par attribut
Lecon 11 : CSS Grid
display: grid, grid-template-columns, grid-template-rows,
gap, grid-area, justify-items, align-items
Lecon 12 : Media Queries
@media (max-width), (min-width), (orientation: portrait), etc.
Lecon 13 : Transitions & Animations
transition: propriete, duree, timing
@keyframes, animation-name, duration, iteration, direction