Top 11 des balises HTML que chaque blogueur et propriétaire de site Web doit connaître

Publicité

Le World Wide Web connaît de nombreuses langues et est codé en plusieurs langues différentes. Cependant, le seul langage que l'on retrouve partout et qui existe depuis l'invention des pages Web est le langage de balisage HyperText, mieux connu sous le nom de HTML. Comme son nom l'indique, HTML n'est pas une programmation, mais un langage de balisage. Les balises sont interprétées par les navigateurs pour visualiser le contenu des sites Web. Dans sa forme la plus simple, le HTML est utilisé pour formater du texte, incorporer des fichiers multimédias et organiser le contenu sur une page Web. En d’autres termes, HTML décrit les pages Web et, sur la base de cette description, le navigateur crée une «image».

Grâce aux constructeurs de sites Web gratuits, personne n'a plus vraiment besoin de se soucier du codage HTML. Cependant, à l'occasion, les balises HTML peuvent être utiles, par exemple pour apporter des modifications rapides à un site Web, ajouter de l'hypertexte dans un commentaire ou formater du texte pour une publication sur le forum. Dans cet article, je veux vous montrer quelques balises, peut-être aléatoires, mais certainement utiles et simples pour une utilisation quotidienne.

Avant de commencer, permettez-moi de vous présenter quelques règles de base qui, espérons-le, faciliteront la compréhension des balises HTML:

• HTML utilise des balises de balisage, qui sont placées entre crochets, comme ceci:
• Les balises qui ressemblent à celle de l'exemple ci-dessus sont appelées balises de démarrage. Chaque balise de début doit être suivie d'une balise de fin à un moment donné, comme celle-ci:
• Certaines balises ne décrivent pas le contenu. Cependant, pour être conformes aux normes en vigueur, elles doivent encore prendre fin. Par conséquent, ils unissent les balises de début et de fin, comme ceci:
  

Formatage du texte

Les balises HTML sont généralement simples. Les balises pour rendre le texte en gras, en italique ou souligné sont dérivées du mot respectif.

Contribution:audacieux
Sortie: gras

Contribution:italique
Production:italique

Contribution:souligné
Production:souligné

Contribution:barrer le texte
Production:barrer le texte

Création d'hypertexte

Les URL simples peuvent sembler assez laides. Ajouter l'hyperlien à un texte, c'est-à-dire créer un hypertexte, est beaucoup plus élégant et économisera de l'espace, surtout si le lien est très long.

Contribution:Se servir de
Production:Se servir de

Comme vous pouvez le voir, cette balise HTML est un peu plus compliquée, alors regardons-la en détail. La balise réelle est et les éléments supplémentaires sont des attributs qui spécifient d'autres caractéristiques. L'attribut href = spécifie le lien et title = définit l'infobulle de la souris. Assurez-vous d'utiliser des guillemets pour joindre le lien et le titre, sinon vous pourriez vous retrouver avec un lien cassé.

Incorporation d'images

Une image peut dire plus de mille mots. Nous devrions les utiliser plus souvent. Et voici comment vous pouvez en insérer manuellement un à l'aide de HTML:

Contribution:
Production:

Analysons également cette balise. Encore une fois, la balise réelle est et les attributs requis sont src = et alt =. Le premier pointe vers l'emplacement de l'image, c'est-à-dire son URL, et le second fournit un texte alternatif, qui s'affiche au cas où l'affichage des images serait bloqué ou le lien rompu. Encore une fois, utilisez des guillemets pour éviter les liens rompus.

le la balise est également un exemple de balise qui n'a pas besoin d'être «terminée» et se ferme donc avec le tiret avant dans la balise initiale, c.-à-d. plutôt que .

Pauses et paragraphes

Pour créer un texte structuré, vous devez utiliser des sauts de ligne et des paragraphes. Et ce sont les balises que vous devez savoir:

Contribution:

Production: Cette balise crée un saut de ligne. Notez qu'il s'agit d'une autre balise qui unit les balises de début et de fin en une seule.

Contribution:

Texte à l'intérieur de votre paragraphe.

Production: Contrairement à la balise précédente, la balise de paragraphe a une balise de début et de fin standard. Le texte entre les deux balises est encapsulé dans un paragraphe, ce qui signifie qu'il y a une ligne vide avant et après.

Listes

Il existe essentiellement deux types de listes: les listes ordonnées et non ordonnées, mieux connues sous le nom de listes numérotées et à puces. Pour créer l'un ou l'autre, vous devez connaître deux balises différentes, mais seulement trois au total. Voyons d'abord les exemples:

Contribution:

1. Point un


2. Point deux

Production:

1. Point un
2. Point deux

Contribution:

• Point un


• Point deux

Production:

• Point un
• Point deux

Pour créer une liste ordonnée, utilisez la balise et pour une liste non ordonnée, insérez le étiquette. Dans les deux cas, le

La balise est utilisée pour définir un élément dans la liste.

Maintenant que vous avez vu à quel point le HTML est simple et logique, vous voudrez peut-être aller au-delà des bases et en apprendre un peu plus. Pour plus de conseils HTML, consultez ces articles:

• 5 étapes pour comprendre le code HTML de base 5 étapes pour comprendre le code HTML de baseLe HTML est l'épine dorsale de chaque page Web. Si vous êtes un débutant, laissez-nous vous guider à travers les étapes de base pour comprendre le HTML. Lire la suite
• 5 conseils HTML pour créer un site Web gratuit à chargement rapide 5 conseils HTML pour créer un site Web gratuit à chargement rapide Lire la suite
• 7 effets HTML sympas que n'importe qui peut ajouter à son site Web 8 effets HTML sympas que n'importe qui peut ajouter à son site WebVous n'avez pas besoin de connaître CSS ou PHP pour créer un site sophistiqué. Utilisez ces astuces HTML sympas pour générer des effets impressionnants. Lire la suite

Vous sentez-vous un peu plus confiant quant à l'utilisation des balises HTML maintenant? Si vous avez régulièrement «codé à la main» auparavant, quelles balises pensez-vous manquer?

Crédits image: kentoh