Les balises

PUBLICITE

Les balises

 

 

News
Qu'est ce que les balises ?

Les balises sont utilisées en programmation HTML pour créer facilement des pages internet. Elles permettent de structurer votre texte (mettre en gras, taille du texte...).
Webidev vous permet d'utiliser la plupart des balises HTML standards afin de personaliser votre site.

Comment les utiliser ?

Leur utilisation est très facile.
Prenons l'exemple de la balise qui permet de mettre du texte en gras, il s'agit de la balise <b>. Comme la majorité des balises, elle s'utilise avec une balise d'ouverture et une autre de fermeture. Son effet, dans notre cas la mise du texte en gras, s'appliquera sur tout le texte qui est entre la balise d'ouverture et celle de fermeture. Comme pour toutes les autres balises, si la balise d'ouverture est <b> alors celle de fermeture est </b>.

Voici quelques exemples : j'ai rajouté des exemples à ceux donnés sur webidev (Jéjé)
 
  1. Mettre un lien sur une image : <a adresse url><img lien de l'image></a>
  2. Mettre un texte ou des images dans un cadre : <fieldset> texte ou image (ou les deux) </fieldset>
  3. Mettre un lien vers un texte : <a www.adresse-du-lien>Texte du lien</a>
  4. Mettre le menu en haut de l'écran : Cliquez sur le  dans le menu construction et mettre les liens exemple 1 et/ou 3

Voici toutes les balises utilisables pour votre site :

 

Utilisation
Résultat
<i>Italique</i> Italique
<b>Gras</b> Gras
<ins>Souligne</ins> Souligne
<del>Barre</del> Barre
<big>Grand</big> Grand
<small>Petit</small> Petit
Blabla <sub>Indice bas</sub> Blabla Indice bas
Blabla <sup>Indice haut</sup> Blabla Indice haut
<center>Centre</center>
Centre
<left>Gauche</left>
Gauche
<right>Droite</right>
Droite
<code>Teletext</code> Teletext
Partie du haut
<hr>
Partie du bas
Partie du haut
Partie du bas
<fieldset>
<legend>Titre</legend>
Contenu blabla
</fieldset>
TitreContenu blabla
<h3>Un peu grand</h3>

Un peu grand

<h2>Grand</h2>

Grand

<h1>Titre</h1>

Très grand

Blabla
<blockquote>
Texte décalé
</blockquote>
Blabla
Texte décalé
<ul>
<li>Premièrement</li>
<li>Deuxièmement</li>
</ul>
  • Premièrement
  • Deuxièmement
<ol>
<li>Premièrement</li>
<li>Deuxièmement</li>
</ol>
  1. Premièrement
  2. Deuxièmement
<a www.google.fr>Aller sur Google</a> Aller sur Google
<marquee>Texte défilant</marquee> Texte défilant (attention ça ne marche pas avec tous les navigateurs)
<color #ff0000>Rouge</color>
<color #0000ff>Bleu</color>
Rouge
Bleu

(fonctionne avec n'importe quel code de couleur)

  Voici un tableau HTML avec les couleurs (n'existe pas sur l'aide de Webidev)

 
aliceblue F0F8FF     antiquewhite FAEBD7     aqua 00FFFF  
aquamarine 7FFFD4     azure F0FFFF     beige F5F5DC  
bisque FFE4C4     black 000000     blanchedalmond FFEBCD  
blue 0000FF     blueviolet 8A2BE2     brown A52A2A  
burlywood DEB887     cadetblue 5F9EA0     chartreuse 7FFF00  
chocolate D2691E     coral FF7F50     cornflowerblue 6495ED  
cornsilk FFF8DC     crimson DC143C     cyan 00FFFF  
darkblue 00008B     darkcyan 008B8B     darkgoldenrod B8860B  
darkgray A9A9A9     darkgreen 006400     darkkhaki BDB76B  
darkmagenta 8B008B     darkolivegreen 556B2F     darkorange FF8C00  
darkorchid 9932CC     darkred 8B0000     darksalmon E9967A  
darkseagreen 8FBC8F     darkslateblue 483D8B     darkslategray 2F4F4F  
darkturquoise 00CED1     darkviolet 9400D3     deeppink FF1493  
deepskyblue 00BFFF     dimgray 696969     dodgerblue 1E90FF  
firebrick B22222     floralwhite FFFAF0     forestgreen 228B22  
fuchsia FF00FF     gainsboro DCDCDC     ghostwhite F8F8FF  
gold FFD700     goldenrod DAA520     gray 808080  
green 008000     greenyellow ADFF2F     honeydew F0FFF0  
hotpink FF69B4     indianred CD5C5C     indigo 4B0082  
ivory FFFFF0     khaki F0E68C     lavender E6E6FA  
lavenderblush FFF0F5     lawngreen 7CFC00     lightpink FFB6C1  
lightsalmon FFA07A     lightseagreen 20B2AA     lightskyblue 87CEFA  
lightslategray 778899     lightsteelblue B0C4DE     lightyellow FFFFE0  
lime 00FF00     limegreen 32CD32     linen FAF0E6  
magenta FF00FF     maroon 800000     mediumaquamarine 66CDAA  
mediumblue 0000CD     mediumorchid BA55D3     mediumpurple 9370DB  
mediumseagreen 3CB371     mediumslateblue 7B68EE     mediumspringgreen 00FA9A  
mediumturquoise 48D1CC     mediumvioletred C71585     midnightblue 191970  
mintcream F5FFFA     mistyrose FFE4E1     moccasin FFE4B5  
navajowhite FFDEAD     navy 000080     oldlace FDF5E6  
olive 808000     olivedrab 6B8E23     orange FFA500  
orangered FFA500     orchid DA70D6     palegoldenrod EEE8AA  
palegreen 98FB98     paleturquoise AFEEEE     palevioletred DB7093  
papayawhip FFEFD5     peachpuff FFDAB9     peru CD853F  
pink FFC0CB     plum DDA0DD     powderblue B0E0E6  
purple 800080     red FF0000     rosybrown BC8F8F  
royalblue 4169E1     saddlebrown 8B4513     salmon FA8072  
sandybrown F4A460     seagreen 2E8B57     seashell FFF5EE  
sienna A0522D     silver C0C0C0     skyblue 87CEEB  
slateblue 6A5ACD     slategray 708090     snow FFFAFA  
springgreen 00FF7F     steelblue 4682B4     tan D2B48C  
teal 008080     thistle D8BFD8     tomato FF6347  
turquoise 40E0D0     violet EE82EE     wheat F5DEB3  
white FFFFFF     whitesmoke F5F5F5     yellow FFFF00  
yellowgreen 9ACD32         <fieldset>        

 


 

32 votes. Moyenne 1.75 sur 5.

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site