Le langage de balisage hypertexte, ou HTML comme on l’appelle communément, est le langage que les développeurs Web utilisent pour concevoir des sites Web et leur contenu.
À cette fin, ils utilisent des balises pour déterminer la structure et le contenu de chaque page. En termes simples, ces balises définissent l’ordre et le style dans lesquels les navigateurs affichent le matériel du site Web.
Par conséquent, coder en HTML est une compétence fondamentale que tout développeur Web doit posséder.
1 - Les éléments ( balises )
La première étape vers la création d’un site Web réussi consiste à comprendre le but de chaque élément et comment ils aident à structurer le contenu.
Les balises sont l’un des éléments les plus importants, car elles vous permettent d’indiquer aux moteurs de recherche de quoi parle votre page (entre autres).
Chaque balise commence et se termine par des chevrons ouverts et fermés. Assurez-vous de fermer chaque balise si vous ne voulez pas gâcher vos instructions.
<article>
<h1>Mon titre</h1>
<p>Mon texte</p>
<img src="/mon-image.png"/>
</article>
2 - Attributs HTML
href="https://exemple.com"
, qui indiquerait à un navigateur de charger le site Web https://exemple.com
.3 - Éditeur HTML
L’utilisation d’un éditeur pour créer le code de votre site Web peut vous aider à vous assurer qu’il reste propre et facile à lire. Les éditeurs de code HTML sont comme des traitements de texte, sauf qu’ils se concentrent sur le fait de s’assurer que votre code est correctement formaté. Si vous avez déjà rédigé un article pour l’école, vous savez à quel point il est important d’utiliser un bon éditeur de texte, il en va de même pour le code, il est important de choisir un bon éditeur. Le plus populaire est Visual Studio Code mais le plus important et de choisir un éditeur de code avec lequel vous serez le plus à l’aise !
4 - Structure HTML
Tous les éléments HTML ont une balise d’ouverture, une balise de fermeture et un contenu. La balise d’ouverture comprend le nom de l’élément et est entourée de parenthèses avec la balise de paragraphe. La balise fermante a une barre oblique avant le nom de l’élément ; si vous ne placez pas de balise de fermeture, vous pouvez gâcher tout votre contenu.
<p>Exemple</p>
5 - Contenu
Tous les éléments d’une page Web, des textes, des images ou des ttableaux et autres éléments de données et d’informations, sont considérés comme faisant partie du « contenu » du site Web. La qualité de ces informations est tout aussi importante que la qualité du code. Il est important donc de soigner aussi bien l’écriture que le code.
6 - Listes HTML
<ul>
<ol>1</ol>
<ol>2</ol>
<ol>3</ol>
<ol>4</ol>
</ul>
7 - Formulaire HTML
Les formulaires HTML donnent des instructions aux navigateurs web pour utiliser des types spécifiques d’informations provenant des utilisateurs. Ils déterminent également la manière dont ces informations sont traitées. Les formulaires HTML sont contenus dans des balises.
Les formulaires HTML sont indispensables pour recevoir des données des visiteurs ou traiter les informations de paiement. Ils permettent également aux utilisateurs de se connecter pour activer leur compte.
<form method="post" action="/destinataire-du-formulaire.php">
<input name="nom" type="text"/>
<input name="prenom" type="text"/>
<input name="sujet" type="text"/>
<textarea name="message"></textarea>
<input type="submit" value="Envoyer"/>
</form>