Notion de base en HTML

Notion de base en HTML

Notion de base en HTML

Ce tutoriel sert à montré les notions de base en HTML pour tout ce qui concerne les tableaux et les pages HTML.

<title> Les Tableaux </title> //titre de la page

<h1 align=center> Tables 1 </h1><hr> //titre principal du document

<body bgcolor=cyan text=purple > //couleur de l’écriture et du fond d’écran

<caption align=bottom>Le titre de la table</caption> //titre de la table

<tbody align=center valign=center> //création du tableau

<tr> //valeur des cases de la première ligne du tableau

<th>2010</th>

<th>2011</th>

<th>2012</th>

<th>2013</th>

</tr>

<tr height=50> //valeur et taille des cases de la deuxième ligne du tableau

<td width=70>1</td> //width=taille de la case

<td width=70>2</td>

<td colspan=2>A</td> //colspan=2 nombre de cases à fusionner ensemble

</tr>

<tr height=50> //valeur et taille des cases de la troisième ligne du tableau

<td rowspan=2>B</td>

// changer de couleur l’écriture et le mettre en haut à gauche de la case

<td align=left valign=top><font color=blue>6</font></td>

<td colspan=2 rowspan=2>C</td>

</tr>

<tr height=50> //valeur et taille des cases de la quatrième ligne du tableau

<td>10</td>

</tr>

<tr height=50> //valeur et taille des cases de la cinquième ligne du tableau

<td>13</td>

<td>14</td>

<td width=70>15</td>

<td width=70>16</td>

</tbody>

 

<td bgcolor=yellow>11</td> //changer la couleur de la case 11

<table border=10 align=center bgcolor=black> //changer de couleur des bordures

<tbody align=center valign=center bgcolor=cyan> //changer de couleur toute les cases de la tables

<tr height=50  bgcolor=red> //changer la couleur de la cases 5

<td>5</td>

<td colspan=2>6</td> //fusionner deux cases en longueur

<td rowspan=2>7</td> //fusionner deux cases en largeur

</tr>

 

Exemple de texte <b>gras</b> en HTML<br> //texte en gras

Exemple de texte <i>italique</i> en HTML<br> //texte en italique

Exemple de texte <u>souligné</u> en HTML<br> //texte en souligné

Exemple de texte <strike>barré</strike> en HTML<br> //texte barré

Exemple de texte en <big><big>gros</big></big> en HTML<br> //grandir la taille

<hr> //tracer un trait de la largeur de la page

Une <font color=red>petite</font> phrase<br> //changer de couleur un mot

<h2 align=center>Premier paragraphe</h2> //aligner le titre au centre

<p align=justify> //mettre le texte à gauche en justify

<p align=center> //mettre le texte au centre

<p align=right> //mettre le texte à gauche

<li><A href= »page01.html »> Première page </A><br></li> //aller à la page 1

<h1><font face= »Arial »>Table des Matières 2</font></hi><br><hr> //style d’écriture de type arial

//aller à la page grâce à une image dimensionner par width

<li><a href= »Page01.html »> Première page<br><IMG SRC= »Mr Content.png » width=100><br></li>

 

<!– cellspacing=5 cellpadding=5 –>  //mettre en commentaire

 

<A name = « haut »></A> //emplacement du haut de la page

<A href = « #haut »>vers le haut</A> //aller en haut de la page

<td><A name = “dans_tableau”></A></td> //aller dans tableau

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *