Le langage HTML et l'utilisation des balises

Les balises sont utilisées dans le langage HTML pour la mise en forme de vos pages sur internet.

Pour compléter les articles   html, c'est quoi ?   et HTML, la syntaxe , nous allons voir dans cet article comment utiliser les balises.

---

 
1. Comment utiliser les balises HTML ?

Une balise est un élément de texte encadré par le signe (<) et le signe (>).

Cet élément sert à mettre en forme le texte qui est au centre.

Les balises HTML fonctionnent par paire., la première sert à "ouvrir" la commande, et la seconde à la fermer. Elle est précédée du signe /

Exemple de la balise pour mettre un texte en gras :
<strong> Ce texte est en gras </strong>

Les balises HTML peuvent parfois être uniques : la balise <br> représente par exemple un retour à la ligne.

2. Imbrication des balises

Les balises HTML ont la particularité de pouvoir être imbriquées de manière hiérarchique afin de permettre le cumul de leur propriétés.

Voici un texte en gras et bleu

le code est :
<strong><span style="color: #0000ff;">Voici un texte en gras et bleu</span></strong>

3. Les compléments à la mise en forme (attribut)

Le complément (appelé aussi attribut) est un élément, présent au sein de la balise ouvrante, permettant de définir des propriétés supplémentaires.
Les attributs se présentent la plupart du temps comme une paire clé=valeur, mais certains attributs ne sont parfois définis que par la clé.

Voici un exemple d'attribut pour la balise <p> (balise définissant un paragraphe), permettant de spécifier que le texte doit être aligné au centre :

Paragraphe aligné au centre de la page

le code est :
<p style="text-align: center;">Paragraphe align&eacute; au centre de la page</p>

Chaque balise peut comporter un ou plusieurs attributs, chacun pouvant avoir (aucune,) une ou plusieurs valeurs.

Vous trouverez ici Les principales balises HTML

---

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles

Comments

[oum sousou]

MERCI LE BARATAGE

[Photos HD vêtements]

Bonjour,merci pour les codes HTML,il fonctionne parfaitement.

[Mirdhyn]

Bonjour,


Je suis vraiment novice, dès lors je ne sais pas comment n'y surtout où l'on doit coller les balises ! J'aimerais notament placer ton lien mais ne sais comment faire ...


Belle Journée

[Aurelie]

Il faut que tu passes en mode"avancé", édition HTML. Tu es sur Over-blog, donc, dans un article que tu édites, pour coller du HTML, un clic sur l'onglet "éditon avancée" puis sur le bouton "HTML"
à gauche du menu. Une fenetre s'ouvre. Tu colles et tu valides.


Dans un module, presque idem : clic sur marteau, puis sur bouton HTML et coller

[Jo]

c'ette nouveauté est a amélioré par OB car elle marche pas trop bien vus que j'avait tout changer dans le css ^^

[Jo]

Je n'est pas fait de tableau j'ai utilisez la dernière nouveauté de over-blog quand sa a était mis en ligne je l'est copié et collez dans l'entète je vai testé le tableau

[Aurelie]

Je viens de découvrir cette nouveauté ; elle va avoir du succès, c'est assez pratique !

[Jo]

slt, je viens de faire un menu sur mon blog mais je n'arrive pas a faire des cadre au tour du text


J'ai aussi un espace entre le premier article et la Bannière je ne sais pas comment l'enlevé

[Aurelie]

J'ai vu ! je suppose que tu as fait un tableau pour aligner tes textes de menu. Il suffit d'ajouter l'attrubut "border" pour faire un contour. Pour l'espace, je ne sais pas trop, vérifie si tu as
fixé une hauteur à ta bannière perso et essaie de la diminuer.

[lalune]

Bonjour,

Voilà un blog qui aide bien pour s'organiser sur son blog over-blog. J'adhère. Bien comprendre avec une notice d'explication à lire, à portée de main, c'est pratique.

Moins de souci.

LaLune