livre-de-cuisine/glossaire.html

38 lines
1.5 KiB
HTML
Raw Normal View History

2024-03-29 14:00:40 +01:00
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/style.css">
<title>Glossaire</title>
</head>
<body>
<header>
<a href="..">Index des recettes</a>
</header>
<main>
<h1>Glossaire</h1>
<article id="balise">
<h2>Balise</h2>
<p>
En HTML, une balise commence par <code>&lt;</code> et finit par <code>&gt;</code>.
Elles decrivent le contenu d'une page web.
</p>
<ul>
<li><strong>La balise ouvrante</strong> : celle-ci se compose du nom de l'élément, entre deux chevrons (le premier ouvrant <code>&lt;</code> et le second fermant <code>&gt;</code>).</li>
<li><strong>La balise fermante</strong> : à la différence de la balise ouvrante, une barre oblique (slash) est ajoutée avant le nom de l'élément. Cela indique la fin de l'élément. Dans notre exemple, c'est l'endroit où le paragraphe s'arrête. Oublier cette balise fermante est une erreur qu'on fait souvent au début et qui peut déclencher des effets étranges et indésirables.</li>
</ul>
<figure>
<pre><code>&lt;p&gt;Mon chat est très grincheux.&lt;/p&gt;</code></pre>
<caption>Exemple de balise <code>p</code> decrivant un paragraphe</caption>
</figure>
</article>
<!-- TODO définir élément -->
2024-03-29 14:00:40 +01:00
</main>
</body>
</html>