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

Top 11 des balises HTML que chaque blogueur et propriétaire de site Web doit connaître / Wordpress & Développement Web

Le World Wide Web connaît de nombreuses langues et est codé dans plusieurs langues différentes. Le seul langage que l’on puisse trouver partout et qui existe depuis l’invention des pages Web est le langage HyperText Markup, plus 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 sur des sites Web. Dans sa forme la plus simple, HTML est utilisé pour formater du texte, incorporer des fichiers multimédia et organiser le contenu sur une page Web. En d'autres termes, HTML décrit les pages Web et, à partir de cette description, le navigateur crée une "image"..

Grâce aux concepteurs de sites Web gratuits, personne n’a plus besoin de manipuler le code HTML. Toutefois, les balises HTML peuvent parfois s'avérer utiles, par exemple pour modifier rapidement un site Web, ajouter de l'hypertexte dans un commentaire ou mettre en forme le texte d'un forum. Dans cet article, je souhaite vous montrer quelques balises, éventuellement aléatoires, mais certainement utiles et simples à utiliser au quotidien..

Avant de commencer, laissez-moi 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, placées entre crochets, telles que:
  • Les balises qui ressemblent à celle de l'exemple ci-dessus sont appelées balises de début. Chaque balise de début doit être suivie d'une balise de fin à un moment donné, par exemple:
  • Certaines balises ne décrivent pas le contenu. Pour être conforme aux normes en vigueur, cependant, elles doivent toujours prendre fin. Par conséquent, ils unissent les balises de début et de fin, telles que:

Formatage du texte

Les balises HTML sont généralement simples. Les balises permettant de mettre du texte en gras, en italique ou souligné sont dérivées du mot correspondant..

Contribution: audacieux
Sortie: gras

Contribution: italique
Sortie:
italique

Contribution: souligné
Sortie:
souligné

Contribution: rayer le texte
Sortie:
rayer le texte

Créer un hypertexte

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

Contribution: Se servir de
Sortie: Se servir de

Comme vous pouvez le constater, cette balise HTML est un peu plus compliquée, examinons-la en détail. La balise actuelle est et les éléments supplémentaires sont des attributs qui spécifient des caractéristiques supplémentaires. L'attribut href = précise le lien et titre = définit l'info-bulle survolée. Veillez à utiliser des guillemets pour entourer le lien et le titre, sinon vous pourriez vous retrouver avec un lien cassé..

Incorporation d'images

Une image peut en dire plus que mille mots. Nous devrions les utiliser plus souvent. Et voici comment vous pouvez en insérer manuellement un en utilisant HTML:

Contribution: ”smiley”
Sortie:

Analysons également cette balise. Encore une fois, la balise réelle est et les attributs requis sont src = et alt =. Le premier pointe sur 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 brisés.

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

Pauses et paragraphes

Pour créer un texte structuré, vous devez utiliser des sauts de ligne et des paragraphes. Et voici les balises que vous devez connaître:

Contribution:

Sortie:
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.


Sortie:
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.

Des 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'une ou l'autre, vous devez connaître deux balises différentes, mais seulement trois au total. Regardons d'abord les exemples:

Contribution:


  1. Premier élément

  2. Point deux

Sortie:

  1. Premier élément
  2. Point deux

Contribution:


  • Premier élément

  • Point deux

Sortie:

  • Premier élément
  • 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
    • tag est utilisé pour définir un élément dans la liste.

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

      • 5 étapes pour comprendre le code HTML de base 5 étapes pour comprendre le code HTML de base 5 étapes pour comprendre le code HTML de base En savoir plus
      • 5 conseils HTML pour créer un site Web gratuit à chargement rapide 5 conseils HTML pour créer un site Web à chargement rapide gratuit 5 conseils HTML pour créer un site Web à chargement rapide gratuit En savoir plus
      • 7 superbes effets HTML que chacun peut ajouter à son site Web 7 superbes effets HTML que tout le monde peut ajouter à son site Web 7 superbes effets HTML que tout le monde peut ajouter à son site Web Ne désespérez pas! Vous n'avez pas besoin de connaître CSS ou PHP pour créer un site de fantaisie. Un bon vieux code HTML et savoir copier-coller suffiront. Lire la suite

      Vous sentez-vous un peu plus confiant dans l'utilisation des balises HTML maintenant? Si vous avez été 'codé manuellement' régulièrement auparavant, quelles balises manquaient selon vous??

      Crédits image: kentoh

      En savoir plus sur: blogs, HTML, programmation, développement Web.