<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Creer une page html</title>
</head><body>
Quel super site Galaxie-net.com !!!
</body>
</html> |
Enregistrez le document avec le nom : index.html dans un dossier "votre site web" . Ajouter dans votre dossier un autre dossier nommer "images" oû vous placerai toutes vos images.
Voila votre page de base est enregistrée.
Vous pouvez ouvrir votre navigateur internet et visualiser votre première page html.
Le seul texte qui apparaîtra sera "Quel super site Galaxie-net.com ".- <html> et </html> : la première balise informe votre navigateur qu'il affiche une page web. Cette balise doit être la première de votre code. La seconde est la balise de fin. Elle referme la première. Elle doit être la dernière de votre code HTML et signifie la fin de votre code HTML.
- <head> et </head> : la première ouvre l'entête de votre page. Cet entête comprend pour l'instant le titre de votre page. Cette balise est toujours placée juste après la balise <html>. La seconde, referme l'entête de votre page (remarquez encore une fois le / devant le mot entre crochets).
- <title> et </title> : la première ouvre la partie titre de votre page. Ce titre sera placé dans la barre tout au-dessus de votre navigateur. La seconde referme la première encore une fois en plaçant un / devant le mot entre crochets. La balise "title" doit être ouverte puis refermée à l'intérieur de la balise "head". C'est à dire qu'il faut que la balise "title" doit être ouverte puis refemée avant que le balise "head" ne soit refermée.
- <body> et </body> : la première ouvre le début du corps de votre document. C'est là que vous allez placer textes, images et tout ce que contiendra votre page. Cette balise doit se situer après la balise de fermeture de l'entête (=> </head>). La seconde referme la première. Tout le texte placer entre ces balises est affiché sur votre page .
Inserez votre texte entre les balises body et body.
Exemple:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Creer une page html</title>
</head>
<body>
Creer une page html<br>
<br><br>
Blablablablablablablabla<br>
Blablablablablablablabla<br>
Blablablablablablablabla<br>
</body>
</html> |
La balise <br> signifie retour à la ligne. Pour laisser une ligne blanche entre 2 paragraphes par exemple il faut placer 2 "BR" (<BR><BR>).
Pour inserer une couleur d'arriere plan il faut inserer la balise bgcolor dans le body. Dans l'exemple l'arriere plan devient vert.
Exemple:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Creer une page html</title>
</head>
<body bgcolor="#00FF00">
Creer une page html<br>
<br><br>
Blablablablablablablabla<br>
Blablablablablablablabla<br>
Blablablablablablablabla<br>
</body>
</html> |
Vous pouvez remplacer "#000000" par le code couleur de votre choix.
Inserez les balises <font> et </font> avec votre code couleur. Dans l'exemple la couleur du texte devient rouge.
Exemple:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Creer une page html</title>
</head>
<body bgcolor="#00FF00">
Creer une page html<br><br><br>
<FONT color="#FF0000">Blablablablablablablabla<br>
Blablablablablablablabla<br>
Blablablablablablablabla</font><br>
</body>
</html> |
Inserer la meme balise "fond" mais avec la fonction size(taille en anglais).Dans l'exemple une taille de 18 pour le titre.
Exemple:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Creer une page html</title>
</head>
<body bgcolor="#00FF00">
<FONT size=7>Creer une page html</FONT><br><br>
<FONT color="#FF0000">Blablablablablablablabla<br>
Blablablablablablablabla<br>
Blablablablablablablabla</font><br>
</body>
</html> |
Bien entendu, les balises de mise en forme sont cumulables.
Passons maintenant à l'etape suivante de la création d'un site web:
|
