Balises de Texte Spéciales

Balises de formatage de texte

HTML fournit plusieurs balises de formatage de texte qui vous permettent d'ajouter de l'emphase, de souligner ou de barrer du texte selon les besoins.

Les balises <strong> et <em> sont utilisées pour mettre en valeur le texte. La balise <strong> rend le texte en gras, indiquant une forte importance, tandis que la balise <em> rend le texte en italique, indiquant une emphase.

La balise <u> souligne le texte pour fournir une clarté visuelle et mettre en évidence des informations importantes. Cependant, utilisez le soulignement avec parcimonie pour éviter d'encombrer le texte.

La balise <s> barre le texte, indiquant une suppression ou une non-pertinence. Elle est couramment utilisée pour montrer qu'un certain texte a été supprimé ou n'est plus valide.
Exemple:

Dans l'exemple ci-dessus :

• Les balises <strong> et <em> fournissent une emphase au texte, avec <strong> rendant le texte en gras et <em> le rendant en italique ;
• La balise <u> souligne le texte, le mettant en valeur visuellement ;
• La balise <s> barre le texte, indiquant une suppression ou une irrélevance.

Liens

Les liens, également appelés hyperliens, permettent aux utilisateurs de naviguer entre les pages web, les ressources et diverses formes de communication. En HTML, les liens sont créés à l'aide de la balise <a> (ancre).

L'attribut href dans la balise <a> spécifie la destination du lien. Il peut accepter différents types d'URL, y compris :

• URLs absolues : Spécifient l'adresse complète de la ressource liée, y compris le protocole (par exemple, "https://www.example.com") ;
• URLs téléphoniques : Permettent aux utilisateurs d'initier des appels téléphoniques directement depuis le navigateur lorsqu'ils sont cliqués. Formaté comme "tel:phone-number". Il est essentiel d'inclure le code du pays et de supprimer tout caractère spécial ou espace du numéro de téléphone (par exemple, "tel:+123456789") ;
• URLs email : Permettent aux utilisateurs de composer des emails lorsqu'ils sont cliqués. Formaté comme "mailto:email-address". Il est important d'inclure l'adresse email complète après mailto: (par exemple, "mailto:example@example.com").

Exemple :

Dans l'exemple ci-dessus :

• La balise <a> crée des hyperliens avec différentes destinations ;
• L'attribut href spécifie diverses URL, y compris des URL absolues, des numéros de téléphone et des adresses e-mail.

Autres attributs utiles

La balise <a> possède plusieurs attributs qui peuvent être utilisés pour spécifier les propriétés des hyperliens. Quelques attributs courants incluent :

• target="_blank": Spécifie où ouvrir le document lié. "_blank" ouvre le lien dans une nouvelle fenêtre ou un nouvel onglet ;
• download: Spécifie que la cible sera téléchargée lorsque l'utilisateur clique sur l'hyperlien. Cet attribut peut avoir une valeur pour spécifier le nom de fichier pour enregistrer la ressource.

Exemple :

Dans cet exemple :

• L'attribut href spécifie l'URL de la ressource liée ;
• L'attribut target ouvre le lien dans une nouvelle fenêtre ou un nouvel onglet.

Boutons

La balise <button> crée des boutons cliquables sur les pages web. Elle permet aux utilisateurs d'interagir avec la page web en déclenchant des actions telles que soumettre un formulaire ou exécuter du code JavaScript. Bien que nous ne nous concentrions pas sur JavaScript dans ce cours, il est important de savoir qu'une telle possibilité existe.

Types de boutons

• Bouton standard (<button type="button">) : Un bouton polyvalent utilisé pour diverses actions sur la page web, telles que déclencher des fonctions JavaScript ou naviguer vers une autre page ;
• Bouton de soumission (<button type="submit">) : Utilisé à l'intérieur d'un formulaire pour soumettre les données du formulaire à un serveur ;
• Bouton de réinitialisation (<button type="reset">) : Utilisé à l'intérieur d'un formulaire pour réinitialiser les champs du formulaire à leurs valeurs par défaut.

Exemple :

Dans l'exemple ci-dessus :

• Le premier bouton est un bouton standard avec un attribut onclick qui déclenche une alerte lorsqu'il est cliqué ;
• Le deuxième bouton est un bouton de soumission qui soumet les données du formulaire au serveur ;
• Le troisième bouton est un bouton de réinitialisation qui réinitialise les champs du formulaire à leurs valeurs par défaut.

Tutoriel Vidéo