Vetgedrukte tekst in HTML maken
Het is heel gemakkelijk om de tekst vetgedrukt in HTML te zetten en er zijn verschillende labels die u kunt leren als u meer opties wilt. Of nog beter, u kunt een paar minuten de tijd nemen om basis-CSS te leren en dit direct aan het HTML-document toe te voegen. Dit gaat veel sneller dan het toevoegen van een CSS-stylesheet en geeft u meer controle over wat u precies in vetheid wilt weergeven.
Inhoud
stappen
Methode 1
Maak vetgedrukte tekst met HTML
1
Gebruik de tag "strong". In HTML5 wordt de tag "strong" aanbevolen voor belangrijke tekst. Dit wordt meestal vet weergegeven in browsers.
- Plaats de gewenste tekst vetgedrukt tussen deze labels: tekst hier.
2
Gebruik indien nodig de header-tags. Koppen worden meestal aan het begin van de webpagina of aan het begin van elke nieuwe sectie geplaatst. Meestal worden de koppen vetgedrukt weergegeven en lijken ze groter dan het normale lettertype, maar dit kan variëren. Er zijn 6 verschillende header-tags, van naar
naar . Volg deze richtlijnen om te weten wanneer u ze moet gebruiken:
header hier
Het is de belangrijkste header. Het is meestal de grootste tekst bovenaan de pagina.De h2-tag
is voor de op een na belangrijkste koptekst, enzovoort, totdat u bij het label komth6, de kleinste header
. naar de . Dit helpt de HTML-pagina het formaat te behouden bij overdracht naar een ander formaat.
3
Gebruik het label "b" als laatste redmiddel. de tag wordt ondersteund in HTML5, maar Het is beter om het in de meeste situaties te gebruiken. Gebruik het label alleen wanneer de tekst vet moet worden weergegeven om stijlredenen, niet om de nadruk te leggen. Zoals bijvoorbeeld alleen in trefwoorden of vocabulaire woorden in een paragraaf, of productnamen in een recensie.
Methode 2
Maak vetgedrukte tekst met CSS online
1
Begrijp wanneer CSS moet worden gebruikt. CSS is een krachtigere en consistentere manier om de stijl van een webpagina aan te passen. Dit helpt u bepalen hoe de pagina eruit zal zien, terwijl HTML is ontworpen om te bepalen wat de pagina "betekent". Het is prima om HTML-tags te gebruiken wanneer u belangrijke tekst wilt aangeven, maar CSS geeft u meer controle over het uiterlijk van vetgedrukte tekst.
- Probeer een eenvoudige HTML-pagina in verschillende browsers te openen en je zult verschillen in uiterlijk opmerken. CSS vertelt de browser precies hoe de tekst moet worden weergegeven met behulp van een label, om de variatie te minimaliseren.
2
Voeg een label toe aan de tekst. Als u niet weet hoe u CSS moet gebruiken, is het gebruik van "CSS online" een uitstekende manier om te leren. Hoewel je dit kunt gebruiken om labels zoals te veranderen
of
, Soms wilt u de tekst wijzigen die zich nog niet tussen de labels bevindt. Plaats in dit geval de tekst tussen de labels. Dit heeft alleen geen effect, maar het geeft je iets om aan te werken. Hier is een voorbeeld van hoe dit te gebruiken:
3
Voeg het stijlkenmerk toe. HTML-kenmerken worden rechtstreeks op het label geschreven, binnen de < >vierkante haakjes Het stijlkenmerk is nodig om CSS in de HTML-tag in te voegen, dus u moet invoegen stijl = in de tag "span":
4
Voeg een eigenschap toe met het lettergewicht. CSS-eigenschappen worden toegevoegd als onderdeel van het stijlkenmerk. In dit geval wordt de eigenschap Lettertype gewicht gebruikt, die bepaalt hoe dik de tekst zal zijn. Deze eigenschap kan worden gebruikt om vetgedrukte tekst (extreem dik) of dunne tekst weer te geven of u kunt zelfs opgeven dat de tekst een normale dikte moet hebben. voegt "font-weight: " na het teken van =, als volgt:
5
Voeg de waarde van de dikte toe. Het enige wat u hoeft te doen is de waarde toevoegen voor het gewicht van de bron, tussen font-weight: en het laatste citaat. Er zijn verschillende opties voor verschillende "dikte" stijlen, maar de gemakkelijkste om te gebruiken is gedurfd:
6
Experimenteer met andere waarden. CSS geeft je veel meer opties dan HTML, dus je hoeft je niet beperkt te voelen. Hieronder staan verschillende alternatieven om te waarderen "gedurfd":
tips
- Gebruik bij gebruik van de lettertype-eigenschappen in CSS alleen meerdere numerieke waarden van 100. Waarden die tussen die waarden liggen, worden afgerond.
- Een ingevoegd of extern CSS-blad is een betere manier om vetgedrukte tekst in te voegen, omdat u hiermee een heel document eenvoudig kunt wijzigen en wijzigen.
- Elk lettertype heeft alleen bepaalde lettergewichten. Bij gebruik van CSS wordt het brongewicht dat het dichtst bij de opgegeven hoeveelheid ligt gebruikt. Dit betekent dat u niet altijd het verschil kunt zien tussen twee lettertypen.
Delen op sociale netwerken:
Verwant
- Hoe een hyperlink met HTML toe te voegen
- Hoe HTML te leren
- Hoe de kleur van de tekst in HTML te veranderen
- Hoe het lettertype in MySpace te veranderen
- Hoe het lettertype in WhatsApp te veranderen
- Hoe een afbeelding in HTML te centreren
- Een afbeeldingslink maken in HTML
- Een eenvoudige webpagina maken met Kladblok
- Hoe maak je een splash-pagina voor een website
- Hoe een pagina in HTML te schrijven
- Hoe een achtergrondafbeelding in HTML te herstellen
- Hoe de tekst in HTML kan flikkeren
- Hoe de tekst vetgedrukt te maken in WhatsApp
- Een mobiel selectiekader maken in HTML
- Spaties invoegen in HTML
- Hoe tekst in HTML te onderstrepen
- Teksteffecten gebruiken in WhatsApp
- Hoe tags van het kleurtype in HTML te gebruiken
- Hoe metatags te gebruiken
- Tekst en afbeeldingen in HTML uitlijnen
- Hoe de inhoud van een webpagina met CSS te centreren