| Général sur la page HTML | ||
|---|---|---|
| Nom Balise HTML | Descriptions | |
| <html> </html> | Ouverture, fermeture du “code HTML“ | |
| <head></head> | délimite l’entête d’une page Web contenant des informations et instruction sur le Site. RDV sur l’article de la SECTION HEAD pour plus d’information sur son contenu | |
| <title> </title> | titre du document (inseré dans l’en-tête) | |
| <meta name=”…” content=”…”> | métadonnée dans l’en-tête du document, Réflextion sur les METAs TAG Générateur de META TAG | |
| <style> </style> | ensemble de déclarations de styles CSS | |
| <body></body> | délimite le corps du document | |
| Generaux mise en forme sur le texte | |||
|---|---|---|---|
| Commande HTML | Syntax / Valeur | Descriptions | |
| <a href= “url”>Nom du lien</a> | lien hypertexte ou ancre, (argument courant: title ettarget=”_blank”). | ||
| title=”texte alternatif” | Atribu TITLE=”…” = texte alternatif du lien, (Yahoo affectionne particulierement cet atribu). | ||
| target=”_blank” | Atribu TARGET=”_BLANK” Indique que la cible du lien s’ouvrira dans une nouvelle fenettre du navigateur. | ||
| Exemple = | <a href=”nom-de-domaine.com” title=”texte-alternatif”>NOM du LIEN</a> (ouvrira le lien dans la même fenettre). | ||
| <a href=”nom-de-domaine.com/nom-de-la-page.html” title=”texte-alternatif”>NOM du LIENtarget=”_blank”</a> (ouvrira le lien dans une nouvelle fenettre) | |||
|
|
|||
| <font>…</font> | définit la couleur, (en hexdécimal), la taille et le type de police, (fonte) utilisé. | ||
| <p> </p> | definit un paragraphe, (la balise fermante effectue un retour à la ligne). | |
| <small> </small> | formate le texte en une police plus petite. | |
| <strong></strong> | formate le texte en gras. | |
| <b> </b> | formate un texte en caractère gras. | |
| <big> </big> | formate un texte en caractère plus grands. | |
| <i> </i> | formate un texte en le passant en italique | |
| <em> </em> | formate un texte en le passant en italique | |
| <u> </u> | Permet de souligner un texte | |
| <del> </del> | formate le texte en une police |
|
| <hn></hn> | délimitent des titres H1 à H6 (1 > 6, la balise fermante effectue un retour à la ligne). | |
| <sup></sup> | permet le formatage d’un texte en le passant en exposant. | |
| <sub></sub> | permet le formatage d’un texte en le passant en indice.. | |
| <div> </div> | délimite un conteneur de code HTML | |
| <li></li> | élément dans une liste | |
| <ul> </ul> | délimite une liste non ordonnée avec des éléments LI | |
| <ol> </ol> | délimite une liste ordonnée contenant plusieurs éléments LI. | |
| <span> </span> | permet d’appliquer une classe de style à un groupe de texte. | |
| class=”NOM” | <span>… </span> | Appel d’une “CLASS” défini dans une fueille de style. |
| Aligment des élments “HTML” | ||
|---|---|---|
| Nom Balise HTML | valeur | Descriptions |
| <div align=”valeur”></div> | left, center, rigth, justify | Aligne le contenu entre les balise “DIV“. |
| <…valign=”valeur”> | top, middle, bottom | Alignement vertical du contenu dans un élément. |
| <tdalign=”valeur” … | left, center, rigth, justify | Alignement horizontal du contenu d’une cellule |
| <tdvalign=”valeur”… | top, middle, bottom | Alignement vertical du contenu d’une cellule |
| Divers éléments HTML | ||
|---|---|---|
| Nom Balise HTML | Exemple | Descriptions |
| <img src=”******“> | <img src=”adresse-de-l’image/nom-du-fichier”> | affiche une image |
| alt=”Texte alternatif” | ALT=””: Atribut de l’élément “IMG” Texte décrivant l’image au cas ou elle ne s’affiche pas. (Cet attribut est très “prisé” par les moteurs de recherche). On ajoutera aussi les dimentions en pixel de l’image avec “WIDTH” et “HEIGTH” pour avoir un meilleur temps de chargement de la page. | |
| <img src=”adresse-de-l’image/nom-du-fichier”width=”..px” height=”..px” alt=”cour descriptif de l’image”> | ||
| Si on ne souhaite pas de bordure autour de l’image. On ajoutera un attribut: BODER=”0″ | ||
| <frame> | représente un cadre | |
| <frameset> </framset> | délimite une ensemble de cadres (ou jeu de cadres) | |
| <iframe> </iframe> | définit un cadre flottant dans une page | |
| <script> </script> | délimite un ensemble d’instructions de script | |
| <br> ou <br /> | effectue un saut de ligne “forcé” | |
| <hr> | ligne horizontale de séparation. | |
| <!– commentaire –> | Commentaire dans le CODE n’apparait pas en clair dans le navigateur | |
| Général sur les Tableaux HTML | ||
|---|---|---|
| Nom Balise HTML | Syntax / Valeur | Descriptions |
| <table> </table> | <table> <th>titre</th> <tr> <td>contenu</td> </tr> </table> |
délimite un tableau HTML |
| <tr> </tr> | Défini une ligne d’un TABLEAU | |
| <th> </th> | Ligne, (cellule), de titre | |
| <td> </td> | Colone, (cellule), d’un élément TR | |
