Créer votre premier page web
Créez votre première page web en HTML
Pour créer une page web en HTML, il suffit de créer un fichier ayant l'extension .html. Ce fichier s'ouvre dans le navigateur web simplement en faisant un double-clic dessus.
Vous trouverez les différentes étapes pour créer ce fichier dans la vidéo d'introduction de chapitre, à l'aide de Visual Studio Code, qu’il vous faut télécharger.
Appropriez-vous les balises HTML
Le langage HTML utilise ce qu'on appelle des balises. On les écrit entre chevrons < et >
Les balises indiquent la nature du texte qu'elles encadrent. Elles permettent au navigateur de comprendre ce qu'il faut afficher à l'écran pour les visiteurs d'un site web.
- <title> </title> : “Ceci est le titre de la page”,
- <img>: “Ceci est une image”,
- < p > </p>: “Ceci est un paragraphe de texte”, etc.
Si elles pouvaient parler, elles diraient :
Ah tiens, pourquoi certaines balises sont doublées et prennent un / dans leur syntaxe ?
- Les balises en paires (une balise ouvrante et une balise fermante)
- Et les balises orphelines (une seule balise).
On distingue deux types de balises :
Les balises en paires
- Une balise ouvrante : <title> ;
- Et une balise fermante : </title>
On a donc :
Cela délimite ce qui sera traduit par un titre. Pour l'ordinateur, tout ce qui n'est pas entre ces deux balises n'est pas un titre.
Les balises orphelines
Ce sont des balises qui servent le plus souvent à insérer un élément à un endroit précis (par exemple une image). Il n'est pas nécessaire de délimiter le début et la fin de l'image, on veut juste dire à l'ordinateur “Insère une image ici”. Il n'y a donc pas besoin de faire une balise ouvrante et une fermante, d'où l'appellation "balise orpheline".
Une balise orpheline s'écrit comme ceci : <img>
Paramétrez vos balises avec des attributs
Dans les prochains chapitres, on utilisera, en plus des balises, des attributs. Les attributs sont un peu les options des balises. Ils viennent les compléter pour donner des informations supplémentaires.
Un attribut est situé dans la balise ouvrante d'une balise en paire, ou directement dans une balise orpheline, comme c'est le cas ci dessous avec la balise <img> :
0 Ruban Lepoete:
Enregistrer un commentaire