Activité 1 - Ecrire un texte

Méthode

Tâches

Méthode

1 - Saisir un texte

1

Ouvrir le site htmlinstant

2

Copier le texte ci-dessous :

<!DOCTYPE HTML>

<html lang="fr">

<head>

<meta charset="UTF-8">

<title>Ma première page html</title>

</head>

<body>

<p>Bonjour je m'appelle.... je suis un élève du collège de Boigne.</p>

</body>

</html>

  1. Sélectionner le texte.

  2. Ctrl + C

Ou

Cliquer en haut à droite du listing informatique

3

Coller le texte dans le cadre de droite de htmlinstant :

Résultat :

Ctrl + V

2 - Mettre en Gras

4

Mettre le mot collège de Boigne en gras. Pour cela il faut ajouter des balises <b> et </b> avant et après le mot collège de Boigne

Remarque : b comme bolt (qui veut dire gras en anglais)

3 - Souligner le texte

5

Souligner le mot collège de Boigne. Pour cela il faut ajouter des balises <u> et </u> avant et après le mot collège de Boigne

Remarque : u comme underline (qui veut dire souligner en anglais)

4 - Centrer les cellules

6

Pour centrer le texte nous devons ajouter la balise <center> et </center> avant et après les balises de paragraphe (<p> et </p>)

5 - Modifier la police de caractères

7

Pour cela, nous allons utiliser la balise <FONT> avec les attributs

  • face : type de police

  • size : taille des caractères

Ce qui nous donne si l'on veut modifier la police du texte "Bonjour je m'appelle ...."

<FONT face="Arial" size="26">Bonjour, je m'apelle ....</FONT>

6 - Insérer une image

8

Nous allons maintenant insérer l'image de Wall-e, logo du cours de technologie.

Pour cela ajouter la ligne de commande suivante après la balise </center>:

<div>

<img src="http://www.technoboigne.fr/images/wall-e%202.png">

</div>

1
<!DOCTYPE HTML>
2
<html lang="fr">
3
<head>
4
    <meta charset="UTF-8">
5
    <title>Ma première  page html</title>
6
</head>
7
<body>
8
    <p>Bonjour je m'appelle ..., je suis un élève du collège de Boigne.</p>
9
</body>
10
</html>