Scribd
Importer
109 vues4 pages

Balises HTML

Liste complète des balises

Transféré par

Faress Mann
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
109 vues4 pages

Balises HTML

Liste complète des balises

Transféré par

Faress Mann
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Liste complte des balises HTML

Votre adresse IP

15/05/12 10:48

Balises HTML

Balises META

Table ASCII

Codes HTTP

ISO-8859-1

Tutorial HTML : Liste complte des balises HTML avec description, attributs, syntaxe,
balises HTML dconseilles, balises META, ...

Nouveau ! Protgez toutes vos crations !

Dpt durant 30 ans auprs d'un Huissier de Justice.


Protection intellectuelle jusqu' 150 ans dans 159 pays.
[Link] Dpts gratuits vie pour les WEBMASTERS !

Bing Positionnement site web Amliorez votre Visibilit En Ligne Et Gagnez de Nouveaux Clients! [Link]
Referencement Sites Internet Rapide et facile avec WebSelf Votre site internet en 10 minutes [Link]/crer-un-site
SEOREPUT: E-rputation Protgez votre vie prive Matrisez votre rputation en ligne [Link]/

Balise HTML

Description

Fin

<!doctype>

Numro de version du langage HTML utilis.

<!-- -->

Commentaire.

<abbr>

Abrviation.

<acronym>

Acronyme.

<address>

URL sous forme textuel, sans utilisation de lien


hypertexte (italique).

<a>

Cration d'une ancre pour liens hypertexte.

<applet>

Insertion d'un applet Java. (dconseill)

<area>

Permet de dfinir une zone cliquable dans la page.

<b>

Gras.

<base>

Dfinition de l'URL de la page HTML exploit en cas


d'erreur de transmission.

<basefont>

Dfinit la taille par dfaut des caractres.


(dconseill)

<bdo>

Changement de direction impossible.

<bgsound>

Insertion d'un fichier audio au format WAV ou MID


(I.E. seulement).

<big>

La taille de la police est augment de 1 point.

<blink>

Clignotement du texte (N.N. seulement).

<blockquote>

Petite marge gauche.

<body>

Encadre le corps d'un fichier HTML.

[Link]

Attribut

href="[Link] : Hyperlien vers une page Web.


href="[Link] : Hyperlien vers une adresse FTP.
href="telnet://..." : Hyperlien vers une adresse TelNet.
href="[Link] : Hyperlien vers l'e-mail de nom@[Link].
href="nomdefichier" : Hyperlien vers un fichier local, si le fichier ne peut pas tre
affich dans le navigateur, le fichier sera tlcharg.

size=x : La taille par dfaut des caractres sera de x.

src="fichierson" : emplacement et nom du fichier son.

bgcolor="couleur" : Couleur qui sera utilis pour l'arrire plan.


background="fichierimage" : Image d'arrire-plan (BMP, JPG ou GIF).
link="couleur" : Couleur des liens.
alink="couleur" : Couleur des liens dj exploits.
vlink="couleur" : Couleur des liens lors du clic.

Page 1 sur 4

Liste complte des balises HTML

15/05/12 10:48
vlink="couleur" : Couleur des liens lors du clic.
clear="left|right|all" : Le texte ou l'image suivante est dcal vers le bas, jusqu' ce
qu'il n'y ait plus d'lment de formatage gauche| droite| gauche et droite.

<br>

Saut de ligne.

<button>

Bouton dans un formulaire (I.E. seulement).

<caption>

Titre de tableau.

<center>

Centrage. (dconseill)

<cite>

Citation (italique).

<code>

Code source.

<col>

Dfinition d'une colonne d'un tableau (I.E.


seulement).

<colgroup>

Regroupement de colonnes dans un tableau (I.E.


seulement).

<commment>

Commentaire (I.E. seulement).

<dd>

Dfinition d'un terme de glossaire (retrait) (encadr


par <dl>).

<del>

Information sur le document HTML.

<dfn>

Texte sous forme logique. (dconseill)

<dir>

Liste plusieurs dimensions.

<div>

Implmente une feuille de style par bloc entier.

<dl>

Structure d'un glossaire (encadre la balise <dt> et la


balise <dd>).

<dt>

Elment d'un glossaire (encadr par la balise <dl>).

<em>

Emphase (italique).

<embed>

Insertion d'application multimdia.

<fieldset>

Regroupement de zone dans les formulaires.

<font>

Dfinition du texte. (dconseill)

size=x : Caractre de taille x (x compris entre 1 et 7).


size=+x|-x : Augmenter|Rduire la taille de caractre de x.
color="couleur" : dfinit la couleur du texte.

<form>

Insertion d'un formulaire (encadre les balises <input>,


<textarea>, <select> et <option>).

action="..." : Pour l'envoi par e-mail, remplacer ... par l'e-mail.


method="..." : Pour l'envoi par e-mail, remplacer... par "post".

<frame>

Insertion d'une nouvelle frame 'encadr par la balise


<frameset>.

<frameset>

Fichier d'index pour les frames, remplace la balise


<body> (encadre la balise <frame>).

<h1>

Titre de niveau 1.

align="center|left|right" : Titre centr|align gauche|align droite.

<h2>

Titre de niveau 2.

align="center|left|right" : Titre centr|align gauche|align droite.

<h3>

Titre de niveau 3.

align="center|left|right" : Titre centr|align gauche|align droite.

<h4>

Titre de niveau 4.

align="center|left|right" : Titre centr|align gauche|align droite.

<h5>

Titre de niveau 5.

align="center|left|right" : Titre centr|align gauche|align droite.

<h6>

Titre de niveau 6.

align="center|left|right" : Titre centr|align gauche|align droite.

<head>

En-tte d'un fichier HTML (encadre les balises <title>,


<meta> et <base>).

<hr>

Barre horizontale

[Link]

align="left|center|right" : Alignement du titre gauche|centr| droite.

id="[nom]" : Identifiant.
class="[nom]" : Classe.

align="center|left|right" : Barre centr|align gauche|align droite.


width=x%|y : Trait large de x pourcent|y pixels.
size=x : Hauteur du trait en pixels.
color="couleur" : Couleur de la barre (I.E. seulement).
noshade : Pas d'affichage ombr.

Page 2 sur 4

Liste complte des balises HTML

15/05/12 10:48

<html>

Obligatoire au dbut et la fin du fichier HTML.

<i>

Italique.

<iframe>

Cadre local (I.E. seulement).

<img>

Insertion d'une image.

src="nomdefichier" : emplacement et nom du fichier image (format bmp, jpg, gif).


align="top|middle|bottom|left|right" : aligner l'image en haut|au milieu|en bas|
gauche| droite.
width=x : largeur de x pixels.
height=y : hauteur de y pixels.
border=x : bordure de x pixels.
alt="texte" : affiche ce texte lorsque l'image n'est pas affichable ou lorsque la souris
reste pointe dessus.
type="submit|reset|radio|checkbox : dfinit le type de l'lment : bouton
"ENVOYER"|bouton "EFFACER"|case d'option|case cocher. Pour tous ces types,
l'attribut value est obligatoire. Pour radio et checkbox, l'attribut name est obligatoire.
value="texte" : texte afficher dans la case ou la zone de texte.
name="NomDeLlment" : nom donn l'lment, chaque radio ou checkbox
appartenant au mme groupe doivent possd le mme name, mais un value
diffrent.
size=x : longueur x d'un champs de saisie d'une ligne, (pour le champ de saisie,
seuls les attributs size, name et maxlenght sont demands.
maxlenght=y : longueur maximal d'un champ de saisie d'une ligne.

<input>

Nouvelle lment dans un formulaire.

<ins>

Fournit des informations sur le document.

<isindex>

Dfinition d'un fichier de recherche (script CGI).


(dconseill)

<kbd>

Texte type "machine crire".

<label>

Extension de la balise <form> (I.E. seulement).

<layer>

Dfinition des couches (N.N. seulement).

<legend>

Lgende de tableau.

<li>

Elment d'une liste (encadr par la balise <ul> ou la


balise <ol>).

<link>

Lien indpendant du mdia.

<map>

Dfinit une zone cliquable.

<marquee>

Texte dfilant (I.E. seulement).

<menu>

Liste de type menu. (dconseill)

<meta>

Information sur la page HTML.

<nextid>

Indique le document suivant.

<nobr>

Pas de passage automatique la ligne sauf avec la


balise <wbr>.

<noembed>

Encadre les lments qui seront interprt si les


applications multimdia ne sont pas accepts par le
navigateur.

<noframes>

Encadre les lments qui seront interprts si les


frames ne sont pas accept par la navigateur.

<noscript>

Encadre les lments qui seront interprt si les


scripts ne sont pas accepts par le navigateur.

<object>

Insertion d'objet (multimdia, applet Java...).

<ol>

Liste numrote (encadre la balise <li>).

<option>

Nouvelle entre dans une liste de choix.

<p>

Dbut d'un paragraphe, saute 2 lignes.

<param>

Paramtre d'un objet insr.

[Link]

name="description|keywords|author" : la description|les mots-cls|l'auteur seront


indiqus dans l'attribut content.
http-equiv="refresh" : provoque le chargement de la page indiqu dans l'attribut url
aprs x secondes indiqus dans l'attribut content. Si url est omis, la mme page est
recharge.
content="nombre ou texte" : voir ci-dessus.
url="fichier" : voir l'attribut http-equiv.

align="center|left|right" : Paragraphe centr|align gauche|align droite.

Page 3 sur 4

Liste complte des balises HTML

15/05/12 10:48

<param>

Paramtre d'un objet insr.

<pre>

Texte pr-format avec une police nonproportionnelle.

<q>

Citation longue.

<s>

Texte barr.

<samp>

Exemple en italique.

<script>

Insertion d'un script

<select>

Liste de choix (encadre la balise <option> et encadr


par la balise <form>).

<small>

Rduit la taille des caractres de 1 point.

<span>

Implmente une feuille de style.

<strike>

Texte barr. (dconseill)

<strong>

Texte en gras.

<style>

Feuille de style (le plus souvent dans entre les


balises <head> et </head>).

<sub>

Texte en indice.

<sup>

Texte en exposant.

<table>

Tableau.

<tbody>

Regroupement de tableaux.

language="javascript|vbscript" : Langage utilis pour le script.

id="[nom]" : Identifiant.
class="[nom]" : Classe.

cols=x : Tableau compos de x colonnes.


width=x%|y : Tableau large de x pourcent|de y pixels.
border=x : Taille de la bordure en pixels.
cellpadding=x : Espacement entre bordure et texte.
cellspacing=x : Espacement entre les cellules.

<td>

Nouvelle cellule dans un tableau (encadr par la


balise <tr>).

width="x%|y" : Cellule large de x pourcent|y pixels.


align="center|left|right" : Le texte compris dans les cellules est centr|align
gauche|align droite.
colspan=x : x cellules fusionner horizontalement.
rowspan=x : x cellules fusionner verticalement.
bgcolor="couleur" : Couleur d'arrire-plan de la cellule.

<textarea>

Champ de saisie de plusieurs lignes.

name="nom" : Nom donn la zone de texte.


rows=x : Zone de texte de largeur x.
cols=x : Zone de texte de longueur maximale x.

<tfoot>

Regroupement de tableaux.

<th>

Cellule d'en-tte d'un tableau.

<thead>

Regroupement de tableaux.

<title>

Titre du document HTML ( insrer dans la balise


<head>).

<tr>

Nouvelle ligne d'un tableau (encadr par la balise


<table>).

<tt>

Texte de type "machine crire".

<u>

Texte en soulign. (dconseill)

<ul>

Liste non-numrot (encadre la balise <li>).

<var>

Texte sous forme de variable.

<wbr>

Dsactive temporairement la balise <nobr>.

<xmp>

Texte sous forme d'exemple (italique). (obsolte)

[Link]

height="x%|y" : Ligne large de x pourcent|y pixels.


bgcolor="couleur" : Couleur d'arrire-plan de la ligne.

Page 4 sur 4

Common questions

Alimenté par l’IA

The <ul> tag creates an unordered list displayed with bullet points, suitable for items without a specific order. In contrast, the <ol> tag generates an ordered list with numerical or alphabetical markers, ideal for sequential information. The choice depends on whether item sequence matters .

The <a> tag is fundamental for creating hyperlinks in web documents, allowing users to navigate to different web pages, FTP servers, Telnet addresses, email addresses, or download files. Important attributes include href for specifying the link destination, along with additional options like target for opening the link in a new window or tab .

The <img> tag's alt attribute provides alternative text for images, vital for accessibility tools like screen readers, helping visually impaired users understand image content. The title attribute appears as a tooltip, offering additional context. Both attributes enhance user experience and SEO by supplying descriptive information and improving image searchability .

The <meta> tag provides critical metadata about an HTML document, such as descriptions, keywords, and author information, that helps search engines understand the content and improve SEO. Attributes like name and content specify the type of metadata, while http-equiv and url can control page behavior, such as refreshing or redirection . Using <meta> efficiently is essential for website visibility and user experience.

The <title> tag defines the title of the HTML document, displayed in the browser's title bar or tab. It helps users identify the page quickly and provides search engines with relevant information about the page's content, which can improve search engine ranking and click-through rates .

The <!doctype> tag is crucial because it specifies the HTML version used in a document, which instructs the web browsers on how to render the page correctly. Its inclusion ensures that the browser properly interprets and displays the content according to the defined standards .

Inline elements like <span> do not start on a new line and only take the necessary width, allowing them to fit within block-level elements. Block-level elements, such as <div>, start on a new line and span the entire width, creating a structured layout. The choice affects the document flow, layout simplicity, and accessibility, making it crucial for developers to understand their implications on styling and usability .

Omitting the <head> section can have several consequences, such as the inability to include essential metadata, stylesheets, and scripts that affect the webpage’s functionality and appearance. This oversight might lead to poor SEO performance and stylistic inconsistencies across browsers, impacting user experience negatively .

Deprecated HTML tags, like <applet> and <center>, impact web development as they are no longer recommended in modern web standards and might not be supported by current browsers. Their use can lead to compatibility issues and poor user experiences . Consequently, developers are encouraged to adopt contemporary alternatives and best practices, such as using CSS for layout instead of the <center> tag.

HTML semantic elements, like <article>, <section>, and <header>, provide meaning to content, improving its understandability for search engines, which can lead to better SEO outcomes by making a page more relevant to query contexts. These elements also assist accessibility tools in navigating content logically, thereby enhancing user experience for disabled users [Multiple Sources]. Their usage leads to cleaner code, which benefits maintenance and scalability.

Vous aimerez peut-être aussi