Les balises

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>

 

 

Noter cette page

3/10 sur 19 votes

Sélectionnez une note dans le menu déroulant.
Dernière mise à jour de cette page le 10/11/2008

Créer un site internet gratuit avec E-monsite.com - Signaler un contenu illicite - Voir d'autres sites dans la catégorie Jeux en ligne
Humour - Videos Droles - Clips musique - Cours création de site web