2 - Créer un hyperlien

Méthode :

Tâches		Méthode
1	Ouvrir le site htmlinstant
2	Copier le premier 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 <img> <p> <a href="http://www.technoboigne.fr">Site du cours de Technologie du collège de boigne</a> </p>
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 "ma_page_web.html"	Ctrl + V
7	Ouvrir l'explorateur de votre ordinateur en appuyant sur les touches et E Ouvrir votre fichier en double cliquant dessus	ma_page_web.html [html]

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">
        </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">
        </div>
</body>

Résultat Final

Ma première page html

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

Site du cours de Technologie du collège de boigne