Créer un site gratuitement    Tutoriels    Html    Débuter en html
Mes favoris    Ajouter l'article à vos favoris

Débuter en html

Le langage HTML est composé de balises permettant de personnaliser un texte (souligner, colorer, mettre en gras une phrase) mais aussi (et surtout) de mettre en forme votre page.
Il est le premier langage à connaitre lorsque l'on crée un site car tout ce qui sera visible par le visiteur (texte, images, ...) sera affiché grâce au HTML , c'est lui qui va faire en sorte que "tel élément est un titre", "insère une image à tel endroit".

Les balises HTML

Une balise est encadrée par deux caractères, le signe inférieur "<" et le signe supérieur ">", exemple :
<b>
Nous allons voir comment utiliser les deux types de balises existantes, les balises fonctionnant par paire et les balises uniques.

Les balises fonctionnant par paire :

Une balise fonctionnant par paire est composée d'une balise d'ouverture et d'une balise de fermeture.
Exemple avec la balise permettant de mettre un texte en gras :
<b>Mon texte en gras</b>
Ici, la balise d'ouverture est <b> et la balise de fermeture est </b>.
Vous remarquerez que la balise de fermeture est précédée par un slash "/", ce qui indique qu'il s'agit bel et bien de la balise de fermeture.
Ce type de balise ne doit englober que le texte sur lequel elle doit agir.

Les balises uniques :

Les balises uniques disposent uniquement d'une balise d'ouverture suivie d'un slash "/" pour la fermer à la fin de son utilisation, exemple avec la balise permettant d'insérer une image
<img src="./dossier/image.jpg" height="35" width="50" alt="titre de l'image" />

Les attributs

Les attributs complètent les balises HTML en ajoutant des informations, des propriétés en plus de la balise.
Chaque balise peut comporter plusieurs attributs.
Un attribut peut se présenter sous la forme :
<table align="center" width="500">
La balise <table> définit le début d'un tableau;
L'attribut align dont la valeur est center indique que le contenu du tableau sera centré;
L'attribut width dont la valeur est 500 indique que la largeur du tableau sera de 500pixels;

Les commentaires

En HTML , il est parfois nécessaire de commenter son code source afin de s'y retrouver dans les centaines de lignes de codes.
Ces commentaires ne seront visibles que dans la source de votre fichier et invisibles dans votre page (le visiteur n'y verra rien à moins d'afficher la source de la page en question).
Pour créer un commentaire, il faut procéder comme ceci :
<!-- Ici j'affiche le commentaire visible uniquement dans la source du site -->
Il faut obligatoirement fermer la balise à la fin du commentaire afin de bien délimiter la partie commentaire.
Nous pouvons remarquer que la balise d'ouverture d'un commentaire est <!-- et que la balise de fermeture d'un commentaire est -->.

Participez au développement du site en laissant vos impressions.

Commentaire/demande concernant l'article :


Recopiez le contenu de cette image :
Code anti-robot  »