HTML et CSS - Niveau 1 / HTML and CSS - Level 1
13/07/2026
Html
Html
Copyright © 2006 - https://sharesavoir.com/
Css

HTML et CSS - Niveau 1 / HTML and CSS – Level 1

Résumé non exhaustif des différentes syntaxes / A non-exhaustive Summary of the various syntaxes


En travaux / Under renovation

Cette page est en cours de construction. / This page is under construction.

En travaux / Under renovation

Remarque importante / Important notes

Il important d'apprendre les bases du HTML et du CSS en même temps
car la syntaxe du HTML est tributaire des possiblités du CSS.

It is important to learn the basics of HTML and CSS at the same time,
as HTML syntax depends on the capabilities of CSS.


L'indentation / Indentation

L'indentation permet de structurer le code afin de le rendre plus clair,
plus lisible et donc plus facile à comprendre.
Elle facilite également l'identification des erreurs potentielles
en mettant en évidence l'organisation du code.
Son objectif principal est de distinguer clairement les différentes parties
et structures d'un programme, ce qui améliore sa lecture et sa maintenance.

Indentation helps to structure code, making it cleaner, more readable,
and therefore easier to understand.
It also makes it easier to identify potential errors
by clearly highlighting the organisation of the code.
The main purpose of in dentation is to distinguish the different sections
and structures of a program, improving both its readability and maintainability.


Exemple sans indentation / Example without indentation



Exemple avec indentation / Example with indentation


L'indentation n'est pas obligatoire en HTML :
même sans elle, le code sera interprété correctement par le navigateur
et fonctionnera de la même manière. Cependant, il est fortement recommandé de l'utiliser.

Indentation is not mandatory in HTML:
even without it, the code will be interpreted correctly by the browser
and will work in exactly the same way. However, it is strongly recommended to use indentation.


À l'extrême le code ci-dessous fonctionne / At the very least, the code below works


html syntax

Structure principale d'une page HTML / Main structure of an HTML page


html syntax

Commentaire / Comment


Les commentaires ont plusieurs rôles principaux / Comments serve several key purposes:


Explication / Explanation:
Ils décrivent le fonctionnement, l'objectif ou la logique d'une partie du code, notamment lorsque celle-ci n'est pas immédiatement compréhensible.

They describe how a section of code works, its purpose or the logic behind it, particularly when it is not immediately clear.

Documentation / Documentation:
Ils facilitent la compréhension du code par d'autres développeurs (ou par soi-même ultérieurement) en apportant du contexte ou des instructions.

They make it easier for other developers (or for yourself at a later date) to understand the code by providing context or instructions.

Désactivation temporaire / Temporary deactivation:
Ils permettent de masquer des lignes ou des blocs de code sans les supprimer, pour les tester ou les désactiver rapidement.

They allow you to hide lines or blocks of code without deleting them, so that you can test or disable them quickly.

Informations / Informations:
Certains commentaires indiquent des informations comme l'auteur, la date de modification ou des références à des bugs ou des fonctionnalités.

Some comments include details such as the author, the date of the last update, or references to bugs or features.


html syntax

titre 1 / heading 1

En Savoir plus.

html syntax

Paragraphe / Paragraph


html syntax

Retour à la ligne / Line break


html syntax

Espace insécable / Non-breakable space


html syntax

Mot important / Important word



Résultat dans votre navigateur web/ Result in your web browser

Pc Mot important / An important word Pc


Le texte se met en gras, mais en aucun cette balise doit servir à cette mise en forme.
The text appears in bold, but this tag must not be used for this formatting under any circumstances.

html syntax

Mot moins important / A less important word


html syntax

 Texte en relief / Text in relief 


html syntax

Liste non ordonnée / Unordered list

Résultat dans votre navigateur web/ Result in your web browser

  Pc   Pc

html syntax

Liste ordonnée / Ordered list


Résultat dans votre navigateur web/ Result in your web browser

  Pc
  1. Niveau 1 / Level 1
  2. Niveau 2 / Level 2
  3. Niveau 3 / Level 3
  Pc

html syntax

Code CSS dans un fichier séparé / Code in a separate file


13/07/2026
Html
Html
Copyright © 2006 - https://sharesavoir.com/
Css