Ajouter du contenu
Ajouter du texte
Une page internet est constituée en parti par du texte. Le texte devra être entré à l'intérieur des
balises <body> pour que les navigateurs puissent l'afficher.
Entrez votre texte :
<html>
<head>
<title>Ma première page web</title>
</head>
<body>
Ma première page
Bienvenue à tous!
Bonjour et bienvenue sur ma première page web.
Je m'appelle André, j'ai 45 ans et j'habite l'arrière pays.
Ce sont mes premiers pas sur le web et je trouve ça facile d'écrire en HTML!
</body>
</html>
Vous allez maintenant visualiser ce que le navigateur affichera sur internet.
- Enregistrez votre page en format HTML (ex.: page1.html);
- Ouvrez votre navigateur;
- Dans le menu fichier, cliquez Ouvrir;
- Sélectionnez votre fichier
- Cliquer Ouvrir.
Voilà votre première page HTML! Mais elle manque un peu de finition.
Mettre en page votre texte
Vous avez sûrement remarqué que le texte n'a pas encore été mis en page.
Pour ajouter un titre à votre page, vous pouvez utiliser les balises suivantes:
<h1></h1>, <h2></h2>, <h3></h3>,
<h4></h4>, <h5></h5>, <h6></h6>.
Ces balises afficheront le texte en gras et de différente taille où 1 est le plus grand et 6 le
plus petit.
Pour séparer chaque ligne, utilisez la balise <br> qui effectue un retour de
chariot ou <p></p> qui définit un paragraphe en plus de faire un retour de chariot.
Retourner à votre document dans l'éditeur de texte et modifiez-le de la façon suivante :
<html>
<head>
<title>Ma première page web</title>
</head>
<body>
<h1>Ma première page</h1>
<h5>Bienvenue à tous!</h5>
<p>Bonjour et bienvenue sur ma première page web.</p>
Je m'appelle André, j'ai 45 ans et j'habite l'arrière pays. <br><br>
Ce sont mes premiers pas sur le web et je trouve ça facile d'écrire en HTML!
</body>
</html>
Enregistrez votre document à nouveau, retournez à votre navigateur et cliquez le
bouton Actualiser pour afficher la dernière version de votre document.
Voilà qui est mieux!
Construire une première page web
Ajouter une image
|