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
-
Open een HTML-editor en laad het bestand dat u aan het hoofdstuk wilt toevoegen.
-
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; } -
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.
-
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.