Hoe maak je een hoofdstuk letter in HTML

Schrijver: Mark Sanchez
Datum Van Creatie: 28 Januari 2021
Updatedatum: 28 November 2024
Anonim
Hoe maak je tabe in html met behulp van Kladblok
Video: Hoe maak je tabe in html met behulp van Kladblok

Inhoud

Voeg een hoofdstuk toe aan een webpagina om de eerste letter van een alinea eruit te laten zien als de grote letters in boeken en kranten. Het moet groter zijn dan de rest van de tekst en de andere letters moeten eromheen worden gewikkeld. U kunt een hoofdletter gebruiken met behulp van een CSS-stijl in een HTML-pagina.


routebeschrijving

Leer hoe u een hoofdletter kunt maken in HTML (Comstock Images / Stockbyte / Getty Images)
  1. Open een HTML-editor en laad het bestand dat u aan het hoofdstuk wilt toevoegen.

  2. Voeg een nieuwe cascading style sheet of CSS-klasse toe aan het header () deel van het HTML-bestand. Het belangrijkste is dat de stijl "zweeft", zodat een andere tekst de letter omgeeft. Een voorbeeld van hoe dit te doen is met de volgende code:

    type = "text / css" media = "alle"> .my_drop_cap {float: left; regelhoogte: 1; lettergrootte: 4em; margin-right: 0.1em; lettertype: vet; }
  3. Sluit de letter die u wilt laten capituleren met "" -tags, die overeenkomen met de klasse die in de kop is gemaakt. Gebruik het vorige voorbeeld en voeg deze code toe aan de body-sectie van HTML:

    Mijn dropcap-brief.


  4. Sla het HTML-bestand op en laad het in een webbrowser om de capitulatie te zien.

waarschuwing

  • Oudere versies van browsers kunnen bepaalde CSS-codes op onverwachte manieren weergeven. Laad de HTML-pagina over meerdere browsers om ervoor te zorgen dat deze correct wordt weergegeven.