Création d'un tableau

Méthode :

Tâches		Méthode
1	Ouvrir le site htmlinstant
2	Copier le listing ci-dessous (listing 1 ) dans la partie de droite de l'éditeur de page web	Cliquer en haut à droite du listing informatique
3	Copier et coller le texte ci-dessous après la balise </center> <table> <tbody> <tr> <th colspan="4">Technoboigne</th> </tr> <tr> <td>6ème</td> <td>5ème</td> <td>4ème</td> <td>3ème</td> </tr> </tbody> </table>
Modifier la largeur du tableau
4	Ajouter à la balise <table > l'attribut width="100%" . La largeur du tableau vient de changer
Ajouter une bordure de 5 pixels
	Ajouter à la balise l'attribut border="5"
Modifier la couleur d'arrière plan de la case 3 ème
5	Modifier la balise<td> de la ligne <td>3ème</td> en ajoutant bgcolor="f82323" ce qui dont donne La case 3ème vient de changer de couleur.
Visualiser votre travail dans un navigateur
4	Sélectionner tout le code que vous avez crée et le copier	Sélectionner tout le texte Ctrl + C
5	Ouvrir le bloc notes de l'ordinateur En bas à droite cliquer sur Taper : Bloc notes -
6	Coller le texte Enregistrer votre fichier dans votre zone perso en l'appelant "page_web_tableau.html"	Ctrl + V
7	Ouvrir l'explorateur de votre ordinateur en appuyant sur les touches et E Ouvrir votre fichier en double cliquant dessus	page_web_tableau.html [html, 776 o]

Listing 1

<!DOCTYPE HTML>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Ma première  page html</title>
</head>
<body>
    <center>
    <p>
        <FONT face="Arial" size="26">Bonjour, je m'appelle ....</FONT>, je suis un élève du <u><b>collège de Boigne</u></b>.</p>
    </center>
        <div>
        <img src="http://www.technoboigne.fr/images/wall-e%202.png">
          <p>
          <a href="http://www.technoboigne.fr">Site du cours de Technologie du collège de boigne</a>
          </p>
        </div>
</body>

<!DOCTYPE HTML>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Ma première  page html</title>
</head>
<body>
    <center>
    <p>
        <FONT face="Arial" size="26">Bonjour, je m'appelle ....</FONT>, je suis un élève du <u><b>collège de Boigne</u></b>.</p>
    </center>
        <div>
        <img src="http://www.technoboigne.fr/images/wall-e%202.png">
          <p>
          <a href="http://www.technoboigne.fr">Site du cours de Technologie du collège de boigne</a>
          </p>
        </div>
</body>

Ma première page html

Bonjour, je m'appelle ...., je suis un élève du collège de Boigne .

Technoboigne
6ème	5ème	4ème	3ème

Site du cours de Technologie du collège de boigne