emkiset.ru

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.

stappen

Methode 1
Maak vetgedrukte tekst met HTML

Titel afbeelding Create Bold Text with HTML Step 1
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.
  • Titel afbeelding Create Bold Text With HTML Step 2
    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

    . Volg deze richtlijnen om te weten wanneer u ze moet gebruiken:
  • De h1-tag, die als volgt is geschreven

    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 komt
    h6, de kleinste header
    .
  • Gebruik deze met mate, alleen om de pagina te ordenen. Gebruikers moeten snel van header naar header kunnen gaan en het onderwerp vinden waarnaar ze op zoek zijn.
  • Wanneer u subkoppen maakt, gaat u één niveau tegelijk omlaag. Met andere woorden, sla het label niet over

    naar de

    . Dit helpt de HTML-pagina het formaat te behouden bij overdracht naar een ander formaat.

  • Titel afbeelding Create Bold Text with HTML Step 3
    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.
  • Bij de meeste labels, u moet de tekst plaatsen die u wilt bewerken tussen het beginlabel en het eindetiket.


  • Methode 2
    Maak vetgedrukte tekst met CSS online

    Titel afbeelding Create Bold Text With HTML Step 4
    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.
  • Titel afbeelding Create Bold Text With HTML Step 5



    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:

  • Ik heb geleerd om deze tekst vetgedrukt te plaatsen met CSS online.
  • Titel afbeelding Create Bold Text with HTML Step 6
    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":
  • Ik heb geleerd om deze tekst vetgedrukt te plaatsen met CSS online.
  • Er is geen reden om het stijlattribuut toe te voegen zonder een stijl te specificeren. Alleen de stapsgewijze procedure wordt uitgelegd zodat deze gemakkelijk te volgen is.
  • Titel afbeelding Create Bold Text With HTML Step 7
    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:
  • Ik heb geleerd om deze tekst vetgedrukt te plaatsen met CSS online.
  • Nogmaals, dit alleen doet niets.
  • Vergeet niet om de aanhalingstekens voor en na te zetten font-weight:.
  • Titel afbeelding Create Bold Text with HTML Step 8
    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:
  • Ik heb geleerd om deze tekst vetgedrukt te plaatsen met CSS online.
  • Titel afbeelding Create Bold Text with HTML Step 9
    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":
  • Tekst met deze waarde "Bolder" Het ziet er altijd dikker uit. Als u bijvoorbeeld een hele alinea vetgedrukt hebt en u het kenmerk gebruikt "Bolder" in een individuele zin binnen de alinea ziet het er dikker uit.
  • Met het kenmerk "normaal" de tekst verschijnt in een normale stijl, zelfs als deze in het vetgedrukte label staat.
  • U kunt ook een nummer van 100 tot 900 gebruiken om de dikte op te geven. 400 is de normale tekst, terwijl de vetgedrukte tekst standaard een dikte van 700 heeft.
  • 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 HTML te lerenHoe HTML te leren
    Hoe de kleur van de tekst in HTML te veranderenHoe de kleur van de tekst in HTML te veranderen
    Hoe het lettertype in MySpace te veranderenHoe het lettertype in MySpace te veranderen
    Hoe het lettertype in WhatsApp te veranderenHoe het lettertype in WhatsApp te veranderen
    Hoe een afbeelding in HTML te centrerenHoe een afbeelding in HTML te centreren
    Een afbeeldingslink maken in HTMLEen afbeeldingslink maken in HTML
    Een eenvoudige webpagina maken met KladblokEen eenvoudige webpagina maken met Kladblok
    Hoe maak je een splash-pagina voor een websiteHoe maak je een splash-pagina voor een website
    Hoe een pagina in HTML te schrijvenHoe een pagina in HTML te schrijven
    Hoe een achtergrondafbeelding in HTML te herstellenHoe een achtergrondafbeelding in HTML te herstellen
    » » Vetgedrukte tekst in HTML maken
    © 2021 emkiset.ru