Derniers sujets
Meilleurs posteurs
StrangerMaan | ||||
Gezark | ||||
jamai | ||||
Zensho | ||||
sa.achraf | ||||
sacnoel32 | ||||
Therickyy | ||||
kaly | ||||
KubY | ||||
Lelouch-sama |
[HTML] Leçon 1 : Les Bases
2 participants
GeekMaroc :: Site web :: HTML / CSS
Page 1 sur 1
[HTML] Leçon 1 : Les Bases
Une page web contient les balises html. Ces dernières sont composées en général, par un marqueur
d'ouverture et un marqueur de fermeture .
Les marqueurs Html utilisent les caractères < et > pour limiter le début et la fin . Le marqueur de fin
s'écrit avec un "/".
Exemple : <marqueur> texte </marqueur>
I- Structure d'une page Html
Trois balises permettent de créer la structure de base d'une page quelconque .
Ce sont <html>,<head>et <body> :
- La première est celle qui permet de définir le langage utilisé,
Vous devez toujours placer cette balise <html> au début de votre page puis se termine par </html>.
- Puis y placer d'autres balises à l'intérieur :
Pour l'en-tête du document, partie non-visible, mais qui contient les informations permettant au moteur
de recherche de trouver votre site, vous devez placer la balise <head> puis se termine par </head>.
Je reviendrais plus tard sur les informations contenu à l'intérieur de cette balise que je nomme balise
"en-tête".
- Pour le corps du document, la partie visible pour l'internaute qui visiteras votre site, vous devez
placer cette balise <body> puis se termine par </body>.
C'est dans cette dernière balise que se trouverons tous les éléments que vous montrerez à vos visiteurs
!
Revenons à la balise "en-tête" :
Cette balise contient une autre balise qui est le titre de votre page, ce titre apparaîtra sur la
barre en haut de votre navigateur et permet aussi aux moteurs de recherche de vous trouvez, donc vous
devez y placer un titre explicite !
Cette balise est <title> puis se termine par </title>.
II- Création d'une simple page-web
Voilà, maintenant un exemple :
<html>
<!--ceci est un commentaire-->
<!--début de votre page HTML-->
<head>
<!--votre en-tête-->
<title>Titre de votre site</title>
</head>
<!--fermeture de l'en-tête-->
<body>
<!--début du corp de votre page-->!
<!--taper votre texte-->
</body>
<!--fermeture du corp de votre page-->
</html>
<!--fermeture de votre fichier HTML-->
Exemple:
<html>
<head>
<title>ceci est un test</title>
</head>
<body>
Bienvenu dans ma première page
</body>
</html>
Résultat :
Bienvenu dans ma première page
d'ouverture et un marqueur de fermeture .
Les marqueurs Html utilisent les caractères < et > pour limiter le début et la fin . Le marqueur de fin
s'écrit avec un "/".
Exemple : <marqueur> texte </marqueur>
I- Structure d'une page Html
Trois balises permettent de créer la structure de base d'une page quelconque .
Ce sont <html>,<head>et <body> :
- La première est celle qui permet de définir le langage utilisé,
Vous devez toujours placer cette balise <html> au début de votre page puis se termine par </html>.
- Puis y placer d'autres balises à l'intérieur :
Pour l'en-tête du document, partie non-visible, mais qui contient les informations permettant au moteur
de recherche de trouver votre site, vous devez placer la balise <head> puis se termine par </head>.
Je reviendrais plus tard sur les informations contenu à l'intérieur de cette balise que je nomme balise
"en-tête".
- Pour le corps du document, la partie visible pour l'internaute qui visiteras votre site, vous devez
placer cette balise <body> puis se termine par </body>.
C'est dans cette dernière balise que se trouverons tous les éléments que vous montrerez à vos visiteurs
!
Revenons à la balise "en-tête" :
Cette balise contient une autre balise qui est le titre de votre page, ce titre apparaîtra sur la
barre en haut de votre navigateur et permet aussi aux moteurs de recherche de vous trouvez, donc vous
devez y placer un titre explicite !
Cette balise est <title> puis se termine par </title>.
II- Création d'une simple page-web
Voilà, maintenant un exemple :
<html>
<!--ceci est un commentaire-->
<!--début de votre page HTML-->
<head>
<!--votre en-tête-->
<title>Titre de votre site</title>
</head>
<!--fermeture de l'en-tête-->
<body>
<!--début du corp de votre page-->!
<!--taper votre texte-->
</body>
<!--fermeture du corp de votre page-->
</html>
<!--fermeture de votre fichier HTML-->
Exemple:
<html>
<head>
<title>ceci est un test</title>
</head>
<body>
Bienvenu dans ma première page
</body>
</html>
Résultat :
Bienvenu dans ma première page
Dernière édition par jamai le 2012-09-03, 13:00, édité 1 fois
GeekMaroc :: Site web :: HTML / CSS
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
2014-08-19, 06:11 par freetfire
» Comment sauvegarder et partager nos fichiers?
2014-08-12, 08:01 par MariellePar
» Thal Kwenda ;)
2014-03-01, 06:37 par Thalkwenda
» liossenel ashfox in the place
2013-02-20, 09:15 par liossenel
» SLEEPING DOGS XBOX360-SWAG
2012-09-22, 13:27 par Therickyy
» Stranger play with Slender Part 1 "the looking back game"
2012-09-15, 10:14 par StrangerMaan
» organisation
2012-09-15, 04:43 par KubY
» Un bleme sur iPhone ? Votre serviteur est là !!!
2012-09-12, 13:14 par jamai
» TheRickyy est ... Bah il est là et nulle part ailleurs
2012-09-11, 16:06 par StrangerMaan