logo-chabrol.net

besoin d'un site Internet ? Depuis 2000, création de sites sur mesure, design, formation, accompagnement, référencement..

>> www.chabrol.net

Balises HTML

Une page html se compose de balises qui structurent son contenu.
Les types de balises html sont nombreux.
Cet articles présente les types les plus utilisées.

[hidepost]

   
<html></html>  
La balise html contient tout le code
<html>… tout le code html du site… </html>
Toute page internet contient une balise html		  
   
<head></head>  
Tête de la page
<head>… informations sur la page… </head>
Toute page internet contient une balise head		  
   
<meta></meta>  
Les métadonnées sont des informations situées au sein d’un document afin de le décrire.
Ils sont sitrué dans la balise header
<meta name="keywords" content="blabla" />
<meta name="description" content="blabla" />
Les metas sont invisibles dans la page, mais les moteurs de recherche peuvent les scanner.
   
<body></body>  
corps de la page
<body>… contenu de la page … </body>
Toute page internet contient une balise body		  
   
<table></table>  
Ajoute un tableau.  
<tr></tr>  
Ajoute une ligne  
<td></td>  
Ajoute une colonne  
<table width="80" height="30" border="1" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td></td>
</tr>
</table>
   
   
   
<a></a>  
liens
<a href="http://www.ateliernumerique.com"> www.ateliernumerique.com </a>		 Ceci est un lien qui va vers www.ateliernumerique.com
   
<p></p>  
paragraphe
<p> Ceci est un paragraphe</p>

 

 

 

 

 

 

 Ceci est un paragraphe
   
<b> </b>
ou
<STRONG> </STRONG>		  
texte en gras
<b> Ceci est un texte en gras</b>		 Ceci est un texte en gras
   
<i></i>  
Italique
<i> Ceci est un texte italique</i>		 Ceci est un texte italique
   
<u> </u>.  
Texte souligné
<u>Ceci est un texte souligné</u>		 Ceci est un texte souligné
   
<h1></h1>  
texte 1
<h1> Ceci est le texte1</h1>

Ceci est le texte1
   
<h2></h2>  
texte 2
<h2> Ceci est le texte2</h2>

Ceci est le texte2
   
<h3></h3>  
texte 3
<h3> Ceci est le texte3</h3>

Ceci est le texte3
   
<h4></h4>  
texte 4
<h4> Ceci est le texte4</h4>

Ceci est le texte4
   
<h5></h5>  
texte 5
<h5> Ceci est le texte1</h5>
Ceci est le texte5
   
<h6></h6>  
texte 6
<h6> Ceci est le texte6</h6>
Ceci est le texte6
   
<img></img>  
Ajoute une image
<img src="img/monlogo.jpg" alt="logo" width="48" height="48" />
 logo
   
<li></li>  
Elément de liste
<li>ligne 1 de ma liste</li>
<li>ligne 2 de ma liste</li>
<li>ligne 3 de ma liste</li>

 

 

 

 

 

 

 

 

 

 
  • ligne 1 de ma liste
  • ligne 2 de ma liste
  • ligne 3 de ma liste
   

Voir aussi les sujets similaires sur cours internet :

  1. Faire un site Internet/page Internet étape par étape
  2. 1. Conception d’une arborescence 2. Dimensions et résolutions 3. Conception...