Un site web est composé généralement de balise , donc je vais en plusieur bloque décomposer le code et expliquer le fonctionnement.
Mais avant toute chose pour commencer à faire tous çà il faut quelque truc! 😀 :
- Un éditeur de text de préférence : Notepad++ ou Dreamweaver
- Un environement de développement , Wamp , Lamp( jle kiff pas trop lui 😦 ), EasyPhp quand nous passerons au Php 😀
- et enfin une chose essentiel notre cervelle 😀 😛
<!DOCTYPE html>
<html>
<head> <!-- En-tête du document -->
<title>Mon site Web</title> <!--titre -->
</head>
<body> <!--Corps du document-->
<h1>Un titre</h1> <!-- titre du document -->
<p>du texte, du texte du texte, du texte</p>
<h2>Sous-titre</h2>
<p>du texte, du texte du texte, du texte</p> <!-- un paragraphe-->
</body>
</html>
Le Doctype:
Le DOCTYPE est toujours inséré au début de votre page et permet ainsi à votre navigateur ( Chrome , Firefox,Opéra…) d’interprété convenable le document.
ATTENTION!
Ne pas confondre:
<title> : Qui ne fait pas référence au titre de votre page mais au titre de votre onglet
et
<h1> :Car on peut dire qu'il défini un titre de niveau 1 à 6( donc 1 dans le cas présent) et plus on augmente de niveau plus le titre grossira
Syntaxe :
-
<html><body></body></html>
: correct. Une balise qui est ouverte à l’intérieur d’une autre doit être fermée à l’intérieur. -
<html><body></html></body>
: incorrect, les balises s’entremêlent.
Comme vous l’avez bien remarquer on ferme une balise comme ceci :
</balise>
A l’exception d’une cette balise qui permet le saut de ligne :
<br/>
<html></html> | Définit un document html |
<head> </head> | Définit l’en-tête d’un document |
<title> </title> | Définit le titre d’un document |
<body> </body> | Définit le corps de la page |
<p> </p> | Définit un paragraphe |
Et voila vous avez les bases en quelque seconde 😀 B-| . Dans un article plus bas vous avez toutes les balises , et elles fonctionnent de la même façon!
Le prochain article portera sur le CSS3. 😀