Inhoud

• Stappen
• De h2-tag
• Tips

HTML maakt het gemakkelijk om de tekst vetgedrukt te maken, en er zijn veel tags die kunnen worden gebruikt als je meer opties wilt. Beter nog, leer wat CSS en voeg het rechtstreeks toe aan uw HTML-document. Dit is sneller dan het toevoegen van een CSS-stylesheet en stelt u in staat te bepalen hoeveel dikte u in uw vetgedrukte tekst wilt hebben.

Stappen

Methode 1 van 2: Vetgedrukte tekst maken met HTML

1. 

   Gebruik de ‘sterke’ tag. In HTML5 wordt de voorkeursstandaard, de 'strong' tag, aanbevolen voor belangrijke teksten. Het wordt in browsers bijna altijd vetgedrukt weergegeven.
   • Typ de vetgedrukte tekst tussen deze tags: vetgedrukte tekst hier.

2. 

   
   
   Gebruik indien nodig title-tags. Ze worden bovenaan een website of aan het begin van een nieuwe sectie geplaatst. Titels worden meestal weergegeven in grotere, vetgedrukte lettertypen, maar dit kan variëren. Er zijn zes verschillende tags voor titels, van

   De

   . Volg deze instructies bij het gebruik ervan.

   • De h1-tag, geschreven als

     Uw titel hier

     is de belangrijkste titel, meestal de langste tekst aan het begin van de pagina.

   • De h2-tag

     is voor de op een na belangrijkste titel, enzovoort, zelfs de tag

     h6, de laagste

     .
   • Gebruik ze spaarzaam, alleen om uw pagina te ordenen. Gebruikers moeten snel door de titels kunnen scrollen en vinden wat ze zoeken.
   • Verlaag bij het maken van ondertitels één niveau per keer. Met andere woorden, spring er niet vanaf

     voor

     . Dit helpt de HTML-pagina om de opmaak te behouden wanneer deze naar een andere indeling wordt overgebracht.

3. 

   
   
   Gebruik de ‘b’ -tag als laatste redmiddel.. Het etiket wordt nog steeds ondersteund in HTML5, maar de het verdient in de meeste gevallen de meeste voorkeur. Gebruik de tag alleen als vetgedrukte tekst wordt gebruikt om stijlredenen, niet om nadruk te leggen. Voorbeelden zijn trefwoorden of woordenschat in een tekst, of productnamen voor analyse.
   • Zoals de meeste tags, typ tekst tussen het begin en het einde van een tag.

Methode 2 van 2: Vetgedrukte tekst maken met inline CSS

1. 

   
   
   Begrijp wanneer u CSS moet gebruiken, wat een krachtigere en consistentere manier is om de stijl van uw website te veranderen. Deze taal is ideaal om het uiterlijk van uw website te bepalen, terwijl HTML bepaalt wat uw website betekent. Het is prima om HTML te gebruiken om belangrijke tekst te benadrukken, maar CSS geeft je meer controle over het visuele aspect van je vetgedrukte tekst.
   • Als u dezelfde HTML-pagina in verschillende browsers probeert te openen, ziet u mogelijk enkele weergaveverschillen. CSS "vertelt" de browser precies hoe de tekst moet worden weergegeven die door een tag is gewijzigd, om variatie te minimaliseren.

2. 

   Voeg een tag toe op uw tekst. Als u nog niets over CSS weet, is het gebruik van "CSS inline" een goede manier om te beginnen. Hoewel u tags zoals kunt wijzigen

   of

   , zult u soms tekst moeten aanpassen die nog niet tussen tags staat. Plaats in dat geval de tekst tussen tags . Het heeft op zichzelf geen effect, maar het geeft ons iets om aan te werken. Hier is het voorbeeld dat we zullen gebruiken:

   • Ik heb geleerd om deze tekst vetgedrukt te maken met inline CSS.

3. 

   Voeg het stijlkenmerk toe. HTML-attributen worden rechtstreeks in de tag geschreven, tussen haakjes <>. De stijlfunctie is nodig om de CSS in de HTML-tag in te voegen, dus we zullen deze invoegen stijl = in de span-tag:
   • Ik heb geleerd om deze tekst vetgedrukt te maken met inline CSS.
   • Er is geen reden om het style-attribuut toe te voegen zonder iets op te geven. We leren slechts één ding tegelijk.

4. 

   Voeg de eigenschap ‘font-weight’ toe. CSS-eigenschappen worden toegevoegd als stijlattributen. In ons geval gebruiken we de genoemde eigenschap, die de dikte van het lettertype bepaalt. Het kan worden gebruikt om vetgedrukte, dunnere tekst of zelfs normale dikte weer te geven. Toevoegen "lettertype dikte:" na het = teken, zoals hieronder weergegeven:
   • Ik heb geleerd om deze tekst vetgedrukt te maken met inline CSS.
   • Nogmaals, we zijn nog niet klaar met het proces.
   • Vergeet de aanhalingstekens ervoor en erna niet lettertype dikte:.

5. 

   Voeg de waarde vetgedrukt toe. Het enige dat we hoeven te doen is een waarde vaststellen tussen de lettertype dikte: en de laatste aanhalingstekens. Er zijn enkele opties die kunnen worden gebruikt, maar de waarde stoutmoedig is het gemakkelijkst te gebruiken:
   • Ik heb geleerd om deze tekst vetgedrukt te maken met inline CSS.

6. 

   Experimenteer met andere waarden. CSS biedt u naast HTML veel opties, dus wees niet beperkt. Hier zijn enkele alternatieven voor de "vetgedrukte" waarde:
   • De tekst "Bolder" zal meer worden belicht dan degene die op hem lijkt. Als u bijvoorbeeld een hele alinea maakt met "vetgedrukt" en vervolgens "vetter" gebruikt in een afzonderlijke zin binnen de alinea, zal deze opvallen.
   • Met de optie "Normaal" blijft de tekst vetgedrukt, zelfs als deze tussen een tag staat die hem vet maakt.
   • U kunt een numerieke waarde tussen 100 en 900 gebruiken om een ​​dikte op te geven. 400 is normaal, terwijl vetgedrukte tekst 700 gebruikt.

Tips

• Wanneer u de eigenschap font-weight in CSS gebruikt, gebruik dan alleen numerieke waarden van een veelvoud van 100, aangezien de getallen ertussen worden afgerond.
• Een ingesloten of extern CSS-blad is een betere manier om de tekst vetgedrukt te maken, omdat het wijzigingen in een compleet document in één keer mogelijk maakt.
• Elk lettertype heeft maar een paar functies beschikbaar. Bij gebruik van CSS komt het formaat dat voor het lettertype wordt gebruikt het dichtst bij het verzoek. Dit betekent dat het soms niet mogelijk zal zijn om bijvoorbeeld de vetgedrukte letters in een lettertype te onderscheiden.