Dans ce premier article de tutoriel hmtl nous verrons les notion de base du html
La syntaxe du html
Le html est struturé à partir de balises .
C’est quoi une balise ?
une balises block de caractère commancant par : < et terminant par : > .
On distinge 3 type de balises
- Les balises ouvrantes : <nom_balises>
- Les balises fermantes :
</nom_balises> - Les balises seuls :
<nom_balises />
Dans les balises ouvrantes ou les balises seul on peut mettre des attributs définie par : nom_attribut= »valeur_attribut » par example :
<img text= « je suis une image »/>
Mais à quoi servent ces balises?
Ces balises servent à definir des élements :
Un élément est définie par un balise seul ou une balise ouvrante puis une balise fermante , par examle l’element html :
<html /> ou <html> </html>
Entre la balise ouvrante et la balise fermante on peut ajouter du text ou d’autres éléments.
La structure de base du html
Déja tous pages html commence <!DOCTYPE html>
Puis on met l’élément de base qui est l’élément html
<!DOCTYPE html>
<html>
</hml> Puis on ajoute les elements head puis body
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</hml> head contient des meta données de page html à savoir les
- Le title de la page web qui s’affiche sur l’onglet de page
- L’ encodage de la page html
- Les lien vers les pages css ou les bibliothèque javascript
- etc
body contient la partie qui va s’affiche sur le navigateur
On ajoute un title à la page par element title dans head
<!DOCTYPE html>
<html>
<head>
<title> Un page html </title>
</head>
<body>
</body>
</hml> On ajoute un text à l’élement body :
<!DOCTYPE html>
<html>
<head>
<title> Un page html </title>
</head>
<body>
Bonjour je suis une page html
</body>
</html>