Creer une page html (page web)
Creer une page html (page web)
Voici enfin le moment de créer votre première page HTML.
"Si
vous utilisé Dreamweaver ou autre editeur simplifier sautez cette étape
et faites seulement: fichier/nouveau/page de base + html et la page est
creer automatiquement."
Ouvrez le Bloc-notes de windows (ou un autre éditeur HTML) pour pouvoir copier/coller le code suivant:
| <!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 ".
Explications des balises utilisées dans votre page:
- <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 .
Pour placer du texte 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> <br><br> </body> |
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 mettre une couleur en arriere plan:
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"> <br><br> </body> |
Vous pouvez remplacer "#000000" par le code couleur de votre choix.
Pour modifier la couleur du texte:
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"> </body> |
Pour modifier la taille du texte:
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"> </body> |
Bien entendu, les balises de mise en forme sont cumulables.
Source : http://galaxie-net.com
Menu
Les derniers tutos
- Installation d'un service sur Wordpress- Installation des services en PHP
- Installation du code HTML des services sur votre site
- Raccourcis clavier de Mozilla Firefox
- Creer une page html (page web)
- Code langues/pays
- Caractères spéciaux HTML
- Les 256 couleurs du WEB
- Les différents forums
- Installation de topics anywhere PHPBB
- L'histoire d'Internet
- Qu'est-ce que le BBCode ?
- Présentation du langage PHP
- Présentation du language Javascript
- Les extensions des différents fichiers
- Les balises HTML
Annonces
En ligne
Il y a 27 invités en ligne et 1 membre connecté.