Internet Make Money: Que sont les balises HTML ?

les balises HTML

Quand un navigateur web affiche une page comme celle que vous lisez en ce moment, il lit un simple fichier texte, et cherche des codes spéciaux appelés balises ou "tags" entourés par les signes < et >. Le format général d'une balise HTML est :

balise = limite d'une boîte où l'on peut mettre des choses
<balise> chose </balise>
à chaque balise ouvrante <balise> ...
... on associe une balise fermante </balise>

<nom_de_tag>chaine de texte</nom_de_tag>

Par exemple, le titre de cette section utilise un tag header (titre) :

<h3>Que sont les balises HTML ?</h3>

Ce tag dit au navigateur web d'afficher le texte Que sont les tags HTML ? dans le style de titre de niveau 3 (Nous en saurons plus sur ces tags plus tard). Les balises HTML peuvent dire à un navigateur de présenter le texte en gras, en italiques, en faire un titre ou un lien hypertexte vers une autre page web. Il est important de noter que le tag de fin,

</nom_de_tag>

contient le caractère "/" slash (barre oblique). Ce "/" slash dit au navigateur d'arrêter d'interprêter le texte comme un tag. Plusieurs tags HTML se présentent en paires comme ceci. Si vous oubliez le slash, le navigateur continuera la balise pour le reste du texte dans votre document, produisant des résultats indésirables (vous pouvez essayer cette expérience plus tard).

NOTE: Un navigateur web ne fait pas attention aux majuscules et minuscules. Par exemple, <h3>...</h3> n'est pas différent de <H3>...</H3>

A la différence de la programmation sur ordinateur, si vous faites une erreur typographique en HTML, vous n'obtiendrez pas une "bombe" ni ne "planterez" le système ; votre page web aura simplement l'air, eh bien... fausse. Il est facile et rapide d'entrer dans le HTML et de faire les corrections.
Votre navigateur a un vocabulaire limité mais ouvert ! Un aspect intéressant du HTML réside dans le fait que, si votre navigateur ne sait pas quoi faire d'un tag, il l'ignorera ! Par exemple, dans le document que vous êtes en train de regarder, le tag de titre de cette section est réellement écrit comme cela :

<wiggle><h3>Que sont les tags HTML ?</h3></wiggle>

mais, comme votre navigateur ne supporte probablement pas le tag <wiggle> (je l'ai inventé, peut-être que dans le futur, ça fera se tortiller (wiggle) le texte sur votre écran ?), il se comporte comme si il savait quoi faire. Si j'étais en train de programmer un nouveau navigateur web, je pourrais décider d'ajouter cette fonctionnalité pour le tag <wiggle> dans mon logiciel.

voici quelques balises essentiels en html

<!--> Ajoute un commentaire.

< Ajoute "<".

<A>Ajoute un lien hypertexte.

<ABBREV> Pour une abréviation.

<ACRONYM> Pour un sigle.

<ADDRESS> Ajoute une adresse.

<APPLET> Pour les applets Java.

<AREA> Ajoute une zone.

<AUTHOR> Information de l'auteur.

<B> Texte en gras.

<BANNER> Ajoute une bannière.

<BASE> Ajoute une base.

<BASEFONT> Ajoute une base font.

<BGSOUND> Ajoute un son flash.

<BIG> Agrandissement du texte.

<BLINK> Texte qui clignote.

<BLOCKQUOTE> Ajoute une tabulation.

<BQ> Pour les tabulations.

<BODY> Le corps de la page.

<BR> Retour à la ligne.

<CAPTION> Ajoute une légende.

<CENTER> Centre le texte.

<CITE> Ajoute une citation.

<CODE> Ajoute un code.

<COL> Pour les colonnes du tableau.

<COLGROUP> Pour les groupes de colonnes du tableau.

<CREDIT> Ajoute les crédits.

<DEL> Texte Barré.

<DFN> Ajoute une définition.

<DIR> Pour la liste du dossier.

<DIV> Ajoute une division.

<DL> Pour la liste de glossaire.

<DT> Pour le terme de glossaire.

<DD> Ajoute une explication de terme.

<EM> Ajoute une vidéo flash.

<EMBED> Pour insérer un plugin.

<FIG> Ajoute une figure.

<FN> Ajoute un footnote.

<FONT> Couleur ou taille de texte.

<FORM> Ajoute un formulaire.

<FRAME> Ajoute un lien frame.

<FRAMESET> Pour le corps de frame.

<H1> Présentaton de texte 1.

<H2> Présentaton de texte 2.

<H3> Présentaton de texte 3.

<H4> Présentaton de texte 4.

<H5> Présentaton de texte 5.

<H6> Présentaton de texte 6.

<HEAD> Pour l'entête.

<HR> Ajoute une ligne horizontale.

<HTML> Début du code HTML.

<I> Texte en Italique.

<IFRAME> Frame mobile.

<IMG> Ajoute une image.

<INPUT> Pour un formulaire d'entrée.

<KBD> Clavier, texte de largeur fixe.

<LANG> Pour le langage.

<LH> Une tête de liste.

<LI> Un élément de liste.

<LINK> Pour un lien link.

<MAP> Ajoute une map.

<MARQUEE> Texte animé.

<MENU> Pour faire un menu.

<META> Pour les meta.

<MULTICOL> Texte avec plusieurs colonnes.

<NOBR> Empêche les ruptures de lignes automatiques.

<NOFRAMES> Empêche les frames.

<NOTE> Ajoute une note.

<OL> Ajoute une liste numérotée.

<OVERLAY> Ajoute un overlay.

<P> Ajoute un paragraphe.

<PARAM> Pour les paramètres.

<PLAINTEXT> Texte prédéfini.

<PRE> Texte préformatté.

<SCRIPT> Ajoute un script.

<SELECT> Pour un formulaire de sélection.

<SMALL> Petit texte.

<SPACER> Un espace blanc.

<SPOT> Ajoute un spot.

<STRIKE> Texte barré.

<STRONG> Texte en gras.

<SUB> Texte en indice.

<SUP> Texte en exposant.

<TAB> Une tabulation horizontale.

<TABLE> Ajouter un tableau.

<TBODY> Corps de tableau.

<TD> Colonne de tableau.

<TEXTAREA> Formulaire de texte.

<TEXTFLOW> Texte d'applet java.

<TFOOT> Pied de tableau.

<TH>Ajoute une table header.

<THEAD> La tête du tableau.

<TITLE> Ajoute un titre.

<TR> La ligne de tableau.

<U> Texte souligné.

<UL> Liste non numérotée.

<VAR> Ajoute une variable.

<WBR> Mot pour retour de chariot.

<XMP> Ajoute un exemple.

Voilà, bon code et bon courage !

lundi 7 février 2011

Que sont les balises HTML ?

Aucun commentaire:

Enregistrer un commentaire

Archives

Subscribe

Credits