9. Les balises - syntaxe
- HTML est un langage de balises
- Chaque balise a un nom et est entourée de < et >
- Il faut une balise ouvrante et fermante
<balise>
Mon contenu
</balise>
<p>
Mon premier paragraphe
</p>
10. Les balises - attributs
- Un attribut est un complément d’information
- On ajoute le nom de l’attribut et sa valeur
entourée de double quote. Ex : <html lang="fr">
- Toutes les balises peuvent avoir des attributs.
Mais une seule fois le même attribut.
11. Sémantique
Chaque balise a un sens/rôle unique.
Les titre : <h1>, <h2>, <h3>....<h6>
Le texte : <p>
Mettre en avant : <strong>
Les liens : <a>
Du son : <audio>
Des vidéos : <video>
Une image : <img>
autres : <div>, <span>
Il est possible d'imbriquer des balises
<p>
Mon texte ayant un <a href="http://monsite.ca"> lien </a> vers mon site super cool
</p>
12. Cas pratique
- Créer un nouveau fichier “page.html”
- A l’aide d’un éditeur, ouvrir le contenu du fichier
- Écrire votre premier paragraphe HTML
- Vérifier l’affichage dans votre navigateur
13. Structure de base
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Titre</title>
</head>
<body>
<!-- votre contenu HTML -->
</body>
</html>
14. Lien de page en page
- La balise <a> permet de faire un lien vers
une autre page. Pour cela, il faut remplir
l’attribut href, en lui donnant le nom de la page
à atteindre.
<a href="page2.html"> page2 </a>