Vous êtes sur la page 1sur 3

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Apprendre HTML</title>
</head>
<body>
<!-- Les titres en html -->
<h1>titre h1</h1>
<h2>titre h2</h2>
<h3>titre h3</h3>
<h4>titre h4</h4>
<h5>titre h5</h5>
<h6>titre h6</h6>

<!-- la balise <br> permet de retour a la ligne -->


je suis à l'école <br>
je suis à l'école <br>
je suis à l'école <br>

<!-- la <pre> preformaté ou tabulation-->


<pre>
je suis ibou 1
je suis ibou 2
je suis ibou 3
</pre>

<!-- balises pour marquer l'importance d'un texte -->


<b>texte affiché en gras avec la balise b</b><br>
<strong>texte affiché en gras avec la balise strong marque
l'imprtance du texte</strong><br>
<i>texte affiché en italique avec la balise i</i><br>
<em>texte affiché en italique avec la balise em</em><br>
<mark>texte important en jaune</mark>

<!-- les listes


3types de listes
list non ordonné (ul)
list ordonné (ol)
list de description (dl)

-->

<!-- list non ordoné (ul) -->


<ul>
<li type="circle">café <b>type cirle</b></li>
<li type="disque">attaya <b>type disque</b></li>
<li type="none">mew <b>type none</b></li>
<li type="square">pain <b>type square
(carré)</b></li>
</ul>

<ul style="list-style-type: circle;">


<li>mew</li>
<li>thé</li>
<li>cfé</li>
</ul>

<!-- ordered list (ol) (li)= list items ou élément de list-->


<ol>
<li>élément 1</li>
<li>élément 2</li>
<li>élément 3</li>
<li>élément 4</li>
</ol>

<ol type="A">
<li>élément 1</li>
<li>élément 2</li>
<li>élément 3</li>
<li>élément 4</li>
</ol>

<!-- list de description (dl) (dt description titre) (dd


description tex)-->
<dl>
<dt>titre</dt>
<dd>text explicatif</dd>

<dt>titre</dt>
<dd>text explicatif</dd>

<dt>titre</dt>
<dd>text explicatif</dd>
</dl>

<!-- imbrication de list = supperposition de differentes


list (ol) (ul) -->
<ul>
<li>element 1</li>
<li>element 2
<ul>
<li>html</li>
<li>css</li>
<li>js</li>
</ul>
</li>
<li>element 3
<ol>
<li>php</li>
<li>python</li>
<li>java</li>
</ol>
</li>
</ul>

</body>
</html>

Vous aimerez peut-être aussi