Comment faire une lettre de chapitre en HTML

Auteur: Janice Evans
Date De Création: 28 Juillet 2021
Date De Mise À Jour: 12 Peut 2024
Anonim
COURS COMPLET HTML ET CSS [60/71] - Créer un formulaire HTML simple
Vidéo: COURS COMPLET HTML ET CSS [60/71] - Créer un formulaire HTML simple

Contenu

Ajoutez un chapitre à une page Web pour que la première lettre d’un paragraphe ressemble aux grandes lettres des livres et des journaux. Il doit être plus gros que le reste du texte et les autres lettres doivent être entourées. Vous pouvez implémenter une lettre capitulaire en utilisant un style CSS dans une page HTML.


Les instructions

Apprenez à faire une lettre majuscule en HTML (Images Comstock / Stockbyte / Getty Images)

  1. Ouvrez un éditeur HTML et chargez le fichier que vous souhaitez ajouter au chapitre.

  2. Ajoutez une nouvelle feuille de style en cascade ou une nouvelle classe CSS dans la partie header () du fichier HTML. L'important est que le style "flotte" de sorte qu'un autre texte entoure la lettre. Un exemple de comment faire est avec le code suivant:

    type = "text / css" media = "all"> .my_drop_cap {float: left; hauteur de ligne: 1; taille de police: 4em; marge droite: 0.1em; poids de police: gras; }

  3. Fermez la lettre que vous voulez faire capituler avec les "" balises, qui correspondent à la classe créée dans l’en-tête. En utilisant l'exemple précédent, ajoutez ce code dans la section body de HTML:


    Ma lettre lettrine.

  4. Enregistrez le fichier HTML et chargez-le dans un navigateur Web pour voir la capitulation.

Avis

  • Les anciennes versions des navigateurs peuvent afficher certains codes CSS de manière inattendue. Chargez la page HTML sur plusieurs navigateurs pour vous assurer qu'elle s'affiche correctement.