Navigation
Créer un site gratuitement Contact Nos partenaires
Mes options Webmasters Tutoriels Fonctions Hébergement 1&1
Débuter en html
Le HTML est un langage composé de balises permettant de personnaliser son texte (souligner, colorer, mettre en gras une phrase).
Il est le premier langage à connaitre lorsque l'on créait 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ères une image à tel endroit".
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 :
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 uniquement 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
Chaques balises peut comporter plusieurs attributs.
Un attribut peut se présenter sous la forme :
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;
Ces commentaires ne seront visible que dans la source de votre fichier et invisible 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 :
Nous pouvons remarquer que la balise d'ouverture d'un commentaire est <!-- et que la balise de fermeture d'un commentaire est -->.
Il est le premier langage à connaitre lorsque l'on créait 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ères une image à tel endroit".
Le balisage
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 éxistantes, 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 uniquement 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.Chaques balises peut comporter plusieurs attributs.
Un attribut peut se présenter sous la forme :
<table align="center" width="500">La balise <table> définie 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 visible que dans la source de votre fichier et invisible 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 -->.
