Chargement...

HTML, les balises


Cours sur les balises HTML

Le code HTML est composé de balises imbriquées les unes dans les autres ; cela permet de regrouper les informations.
<!DOCTYPE html>
<head>
<title>Titre de ma page</title>
<style> ... </style>
</head>
<body>Bienvenue sur mon site</body>
</html>
Pour donner une valeur à une balise on encadre la valeur de sa balise comme ci-dessous:
<b>Texte GRAS</b>
<i>Texte ITALIQUE</i>
<u>Texte SOULIGNE</u>
Dans certains cas, par exemple pour <img>, <br>, <input> il ne faut pas fermer la balise.

Exemple:
<input type="checkbox" value="1" />
<br />
<img src="/xxx.png" target="_blank" />
Ces balises n'ont pas pas besoin de valeur ( c'est cas de la balise <br> ) ou alors nécessite plusieurs valeurs donc la syntaxe est différent. Le rôle des attributs est expliqué dans le chapitre suivant.

Les balises les plus utilisées sont les suivantes:
Balise Fonction
<!-- --> Commentaire
<a> Lien hypertext
<b> Texte en gras
<body> Corps de la page
<br /> Permet de sauter une ligne
<caption> Titre d'un tableau
<cite> Citation
<div> Division
<em> Emphase ( italique )
<fieldset> Permet de regrouper des éléments d'un formulaire
<form> Formulaire
<frame> Frame
<h1> Titre d'importance 1
<h2> Titre d'importance 2
<h3> Titre d'importance 3
<h4> Titre d'importance 4
<h5> Titre d'importance 5
<h6> Titre d'importance 6
<head> Entête d'un fichier
<hr> Séparateur horizontal
<html> Balise obligatoire pour déclarer le debut du code html
<i> Italique
<img /> Image
<input /> Elément du formulaire
<label> Description d'un champ
<li> Composant d'une liste ( ul ou ol )
<legend> Légende d'un tableau
<meta> Information sur la page
<noscript> Le texte indiqué sera affiché dans le cas où le navigateur n'accepte pas les scripts
<object> Element multimédia
<ol> Liste numéroté, associé à la balise li
<option> Entrée de la base select
<pre> Respecte le contenu HTML pour les espaces.
<script> Insertion de script
<span> Division comme la balise div l'affichage est différent
<strong> Texte en gras
<style> Insertion de style ( CSS )
<sub> Texte en indice
<sup> Texte en exposant
<table> Tableau
<td> Cellule de tableau
<textarea> Champ composé de plusieurs lignes
<th> Cellule d'entête d'un tableau
<title> Titre de la page
<tr> Nouvelle ligne d'un tableau
<ul> Liste non numéroté



UNE QUESTION SUR L'ARTICLE?


CSSW Apprendre à créer son site web CSSW