Inleiding tot HTML-tekstopmaaktags
Tekst opmaken is een belangrijk onderdeel van moderne internetwebpagina's, zelfs toen we beperkt waren tot tekstgebaseerde webbrowsers, waren tekstopmaak zoals grootte, afdrukstand, etc. beschikbaar. Met moderne HTML-revisies zijn er een heleboel HTML-tags die kunnen worden gebruikt om de tekst naar wens te laten verschijnen.
Tekst opmaken met HTML-tags
Hieronder bespreken we enkele belangrijke HTML-tags die worden gebruikt om tekst op te maken:
1. Tekst vet opmaken in een HTML
HTML heeft twee verschillende tags om de tekst vetgedrukt in te stellen. De ene is en de andere is, terwijl beide vergelijkbare uitvoer produceren. De tag is een fysieke tag, alleen om de tekst vetgedrukt weer te geven en voegt geen waarde toe aan de browser.
Voorbeeld
Here is some text in bold.
Here is some text in bold.
Here is some text in bold.
Uitgang:
De tag daarentegen wordt beschouwd als een logische tag en wordt gebruikt om de browser te informeren dat de tekst in de tag als logisch belangrijk is.
Voorbeeld
Dit is een belangrijke inhoud die is opgemaakt met behulp van de sterke tag, en dit is juist
normaal opgemaakte tekst
Output:
2. Tekst als cursief instellen in HTML5
Net zoals het instellen van tekst als Vet, kunt u tag en tag gebruiken om tekst als cursief in te stellen op HTML5.
Het gebruik is voor, net als het gebruik , van fysieke weergave van tekst als cursief en de tag, terwijl de tekst ook cursief wordt weergegeven op het display, laat de browser weten dat het semantisch belang heeft.
Voorbeeld
Dit is de eerste alinea in cursieve tekst.
Deze inhoud is cursief gemaakt met de em-tag . Dit is normale tekst
Output:
3. Tekst markeren met HTML-code
In situaties waarin u tekst met een markeerstifteffect wilt markeren, kan de tag worden gebruikt, met standaard CSS maakt de tag de achtergrond van tekst zo geel dat u gemakkelijk de aandacht van een bezoeker op die tekst kunt trekken.
Voorbeeld
This text uses Mark tag to highlight text on the page
This text uses Mark tag to highlight text on the page
This text uses Mark tag to highlight text on the page
This text uses Mark tag to highlight text on the page
Output:
4. Onderstrepen van tekst in HTML
De HTML-tag kan worden gebruikt om een onderstreping in de tekst toe te voegen. Let op dat u geen onderstreping met blauwe tekst gebruikt, omdat dit bezoekers kan verwarren met het feit dat de tekst een link is.
Voorbeeld
Dit is tekst met onderstrepingstag.
Output:
5. Tekst doorhalen
In gevallen waarin u een horizontale lijn door de tekst moet trekken, kan tag worden gebruikt. De verdrinkingslijn is dun, zodat de tekst die hij kruist nog steeds gemakkelijk kan worden gelezen.
Voorbeeld
Hier is een zin met doorhalen door tekst.
Output:
6. Schrijven in Monospace-lettertype in HTML
Het gebruik van Monospace kan handig zijn in situaties waarin u iets wilt citeren of wat code in de browser wilt weergeven. De Monospace-code maakt, zoals de naam al doet vermoeden, de breedte van elk teken hetzelfde. Om het in een browser te krijgen, moeten we tag gebruiken.
Voorbeeld
lt;html>
Dit is normale tekst. Dit is een voorbeeldtekst in monospace-lettertypen, netjes.
Output:
7. Geabonneerde tekst in HTML
In wiskunde en scheikunde is het gebruik van subscript in veel gevallen een absolute vereiste. Ook in het algemeen kun je situaties tegenkomen waarin een subscript-tekst geschikt is om te gebruiken. In HTML werkt elke tekst onder de tag als een subscript in de browser.
Voorbeeld
Dit is de normale tekst. Heb je iets anders gezien met deze tekst?
Output:
8. Verwijderde tekst in HTML5
tag wordt gebruikt als een logische manier om de browser te vertellen dat tekst in de tekst is verwijderd. Houd er rekening mee dat voor de gebruiker de weergegeven tekst hetzelfde is als de tag in doorhalen, wat betekent dat deze wordt weergegeven in doorhalen.
Voorbeeld
Dit is normale tekst Dit is tekst tussen del tag.
Output:
9. Superscript-tekstopmaak in HTML5
Tekst in tag wordt weergegeven in superscript. Dit is handig in wiskunde, scheikunde en andere plaatsen waar wiskunde bij betrokken is. U kunt de tag gebruiken bij het citeren met het toevoegen van in-pagina links met ook.
Voorbeeld
Dit is Normale tekst Deze tekst is in superscript.
Output:
10. Tekst groter maken met HTML-opmaak
In gevallen waarin u tekst in een groter formaat op het scherm nodig hebt, maar u wilt geen koptekst gebruiken of de lettergrootte met een tag vergroten, wordt de inhoud tussen deze tag in een merkbaar grotere tekstgrootte weergegeven.
Voorbeeld
Dit is normale tekst. Deze tekst is groter.
Output:
11. Tekst kleiner maken met HTML
Net als bij de tag kunt u tekst op het scherm kleiner maken zonder CSS of koppen te gebruiken.
Voorbeeld:
Dit is normale tekst, de grootte van deze tekst is kleiner
Output:
Conclusie
Nu je hebt geleerd hoe het opmaken van tekst in HTML werkt, zou je pagina's moeten kunnen ontwerpen met een correcte en professioneel ogende tekstlay-out en opmaak. Gebruik waar mogelijk normale tekst en opmaak, gebruik aangepaste opmaak alleen wanneer dat nodig is om uw pagina's er netjes uit te laten zien. De grootte van de normale tekst is ook belangrijk, te klein en de leesbaarheid wordt negatief beïnvloed en als deze te groot is, verschijnt er minder informatie op het scherm tegelijk.
Aanbevolen artikelen
Dit is een gids geweest voor HTML-tekstopmaaktags. Hier bespreken we hoe u tekst kunt opmaken met behulp van verschillende HTML-opmaaktags. U kunt ook de volgende artikelen bekijken voor meer informatie -
- Hoe HTML werkt
- HTML-opdrachten
- Wat is XML?
- HTML-indeling Tags