Bienvenue à ce nouveau tuto dans le quel nous allons comprendre la partie Body du HTML qui représente le contenu principal du document HTML.
La balise HTML <body> contient le corps du document html, c’est à dire toutes le contenu qui sera visible par l’internaute.
accès rapide
- La démo
- La balise <body>
- Les balises simples
- Les balises doubles
- Les attributs d’une balise
- comment ajouter un commentaire ?
- Quiz de ce tuto
La démo
La balise <body>
La balise <body> est écrite dans la balise <HTML> Elle a pour but permettant d’indiquer au navigateur les deux bornes du corps de notre page HTML c’est à dire d’où il commence et où il se termine.
<body> ici se trouve le corps de notre page web </body>
Dans la balise <body> , nous pouvons ajouter :
Les balises simples
Les balises simples ou orphelines sont les balises qui n’encadrent pas de contenu.
Elles sont nommées aussi des balises auto fermantes c’est à dire qui s’ouvrent et se ferment au même moment.
ci-dessous un exemple d’une balise simple :
<br/>Les balises doubles
Les balises doubles sont des balises qui s’ouvrent et se ferment et elles encadrent un contenu (texte, d’autres balises,…).
ci-dessous un exemple d’une balise double:
<titre>Inscrire un titre ici</titre>
Les attributs d’une balise
Ce sont les caractéristiques (ou options) des balises. Les attributs se placent après le nom de la balise ouvrante et avant le chevron fermant de celle-ci et sont associés à une valeur :
<balise attribut="valeur">contenu de la balise</balise>Par exemple, dans la balise qui vous permettra d’ajouter une image à votre page. Pour insérer une image, nous pouvons utiliser la balise <img> dans la quelle on doit mentionner l’emplacement de l’image dans l’attribut src :
<img src="C:/Documents/image.jpg"/>Les attributs de balise peuvent servir comme vu ci-dessus à indiquer un élément important au bon fonctionnement de la balise mais peu aussi servir à simplement ajouter une information complémentaire à la balise.
comment ajouter un commentaire ?
Vous pouvez écrire des commentaires dans votre code qui serviront de notes pour vous ou d’autres personnes qui travailleront sur le code de la page.
Les commentaires sont à rédiger entre 2 balises particulières qui sont <!-- pour la balise ouvrante et --> pour la balise fermante.
ci-dessous un exemple d’un commentaire dans une page HTML :
<!--Un commentaire HTML
Un commentaire HTML Un commentaire HTML -->
<!--Un autre commentaire HTMLUn autre commentaire HTML-->
Dans ce tuto, nous avons défini la partie Body en HTML et les différents types balises qui peuvent se trouver dedans.
Espérons bien que ce tuto vous a plu. Dans le tuto suivant , Nous allons commencer à ajouter des titres et des paragraphes à notre fichier HTML.