Scribd
Importer
7 vues2 pages

Guide complet sur le HTML5

Le document est un exemple de code HTML5 comprenant des éléments de base tels que des titres, des paragraphes, des listes, un tableau et une image. Il illustre également l'utilisation de balises pour la structure et l'accessibilité. Le code inclut des commentaires explicatifs pour aider à la compréhension des différentes sections.

Transféré par

layalizahra35
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
7 vues2 pages

Guide complet sur le HTML5

Le document est un exemple de code HTML5 comprenant des éléments de base tels que des titres, des paragraphes, des listes, un tableau et une image. Il illustre également l'utilisation de balises pour la structure et l'accessibilité. Le code inclut des commentaires explicatifs pour aider à la compréhension des différentes sections.

Transféré par

layalizahra35
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

<!

-- ceci est un commentaire -->


<!-- copier/coller : ctrl + c +ctrl + v -->
<!-- couper/coller : ctrl + x +ctrl + v -->
<!-- revenir en arriere : ctrl + z -->
<!-- indenter tout le document alt + maj + f -->
<!-- charset="UTF-8" (attribut HTML) -->
<!DOCTYPE html>
<html lang="fr">
<!-- Balise de configuration -->
<head>
<meta charset="UTF-8"> <!-- encodage -->
<meta name="viewport" content="width=
, initial-scale=1.0"> <!-- RWD -->
<title>cours HTML5</title> <!-- le titre de la page sur l'onglet de la page -->
</head>
<!-- corps de la page -->
<body>
<h1>hello world <!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>

</body>
</html></h1>
<h2> titre2 </h2>
<h3> titre3 </h3>
<h4> titre4 </h4>
<h3> titre5 </h3>
<h6> titre6 </h6>

<!-- paragraphe -->


<P>Lorem, ipsum dolor sit amet consectetur <i>adipisicing elit </i> Architecto numq
uam <b>tempore dolorum totam possimus</b>, , voluptatem quaerat aliquid accusamus d
olor, maxime eum consequatur nostrum?</P>
<a href="[Link]">page2</a>
<a target="_blank" href="[Link]">Blog</a>
<!-- liste non ordonnée -->
<ul>
<li>
<p>Element1</p>

</li>
<li>
<p>Element2</p>

</li>
<li>
<p>Element3</p>

</li>
</ul>
<!-- liste ordonnée -->
<ol>
<li>
<p>Element1</p>

</li>
<li>
<p>Element2</p>

</li>
<li>
<p>Element3</p>

</li>
</ol>
<!-- tableau HTML -->
<table border="1">
<thead>
<tr>

<th>
Nom
</th>
<th>
Prenom
</th>
<th>
Sexe
</th>
</tr>
</thead>
<tbody>
<tr>
<td> zahra</td>
<td> boughamrane</td>
<td> femme</td>
</tr>
<tr>
<td> Ahmed</td>
<td> boughamrane</td>
<td> homme</td>
</tr>
</tbody>
</table>
<!-- images -->
<!-- alt permet de gerer l'accessibilité numérique -->
<!-- src alternatif qui s'affichera si l'imagene se charge pas dans le navigateur m
ais c'est aussi un texte qui est utilisé par les logiciels mal voyant -->

<img src="img/Go_Logo_Aqua.[Link]" alt= "let's go "


title="let's go ">
</body>
</html>

Vous aimerez peut-être aussi