Sådan opretter du fed tekst med HTML

Forfatter: John Pratt
Oprettelsesdato: 13 Januar 2021
Opdateringsdato: 18 Kan 2024
Anonim
Sådan opretter du fed tekst med HTML - Tips
Sådan opretter du fed tekst med HTML - Tips

Indhold

HTML gør det nemt at gøre teksten fed, og der er mange tags, der kan bruges, hvis du ønsker flere muligheder. Bedre endnu, lær nogle CSS og tilføj det direkte til dit HTML-dokument. Dette er hurtigere end at tilføje et CSS-stilark og giver dig mulighed for at kontrollere, hvor meget tykkelse du ønsker i din fed tekst.

Steps

Metode 1 af 2: Oprettelse af fed tekst med HTML

  1. Brug det 'stærke' tag. I HTML5 anbefales den foretrukne standard, det 'stærke' tag til vigtige tekster. Det vises næsten altid som fed tekst i browsere.
    • Indtast den ønskede tekst med fed skrift mellem disse tags: fed tekst her.

  2. Brug titelmærker, når det er relevant. De er placeret øverst på et websted eller i begyndelsen af ​​en ny sektion. Titler vises normalt i større, fed skrift, men dette kan variere. Der er seks forskellige tags til titler fra

    Det

    . Følg disse instruktioner, når du bruger dem.
    • H1-tagget, skrevet som

      Din titel her

      er den vigtigste titel, normalt den længste tekst i begyndelsen af ​​siden.
    • H2-mærket

      er den næstvigtigste titel osv. endda mærket
      h6, den laveste
      .
    • Brug dem sparsomt bare for at organisere din side. Brugere skal være i stand til hurtigt at rulle gennem titlerne og finde, hvad de leder efter.
    • Når du opretter undertekster, skal du sænke et niveau ad gangen. Med andre ord, ikke spring fra

      til

      . Dette hjælper HTML-siden med at bevare formatering, når den overføres til et andet format.


  3. Brug mærket ‘b’ som en sidste udvej.. Mærket understøttes stadig i HTML5, men det foretrækkes i de fleste tilfælde. Brug tagget kun når fed tekst bruges af stilårsager, ikke til vægt. Eksempler inkluderer nøgleord eller ordforråd i en tekst eller produktnavne til analyse.
    • Som de fleste tags, skriv tekst mellem begyndelsen og slutningen af ​​et tag.

Metode 2 af 2: Oprettelse af fed tekst med Inline CSS


  1. Forstå, hvornår du skal bruge CSS, som er en mere kraftfuld og konsekvent måde at ændre stilen på dit websted på. Dette sprog er ideelt til at bestemme udseendet på dit websted, mens HTML bestemmer, hvad dit websted betyder. Det er okay at bruge HTML til at understrege vigtig tekst, men CSS giver dig mere kontrol over det visuelle aspekt af din fed tekst.
    • Prøv at åbne den samme HTML-side i forskellige browsere, og du vil muligvis bemærke nogle displayforskelle. CSS "fortæller" browseren nøjagtigt, hvordan teksten skal ændres af et tag for at minimere variationen.
  2. Tilføj et mærke til din tekst. Hvis du endnu ikke ved noget om CSS, er det at bruge “CSS inline” en god måde at starte på. Selvom du kan ændre tags som

    eller

    , bliver du undertiden nødt til at ændre tekst, der endnu ikke er mellem tags. I dette tilfælde skal du vedlægge teksten i tags . Det har ingen indflydelse på egen hånd, men det giver os noget at arbejde på. Her er eksemplet, vi vil bruge:
    • Jeg lærte at gøre denne tekst fed med inline CSS.

  3. Tilføj stilattributten. HTML-attributter skrives direkte i tagget inden for <> parenteser. Stilfunktionen er nødvendig for at indsætte CSS i HTML-tagget, så vi indsætter stil = i span-taggen:
    • Jeg lærte at gøre denne tekst fed med inline CSS.
    • Der er ingen grund til at tilføje stilattributten uden at specificere noget. Vi lærer bare en ting ad gangen.
  4. Tilføj egenskaben 'font-vægt'. CSS-egenskaber tilføjes som stilattributter. I vores tilfælde vil vi bruge den nævnte egenskab, der bestemmer skrifttykkelsen. Det kan bruges til at vise fed, tyndere tekst eller endda normal tykkelse. Tilføje "Font-weight:" efter = -tegnet, som vist nedenfor:
    • Jeg lærte at gøre denne tekst fed med inline CSS.
    • Igen, vi er endnu ikke færdige med processen.
    • Glem ikke citaterne før og efter font-weight:.
  5. Tilføj værdien med fed skrift. Det eneste, vi skal gøre, er at etablere en værdi mellem font-weight: og de sidste citater. Der er nogle indstillinger, der kan bruges, men værdien fremhævet er den nemmeste at bruge:
    • Jeg lærte at gøre denne tekst fed med inline CSS.
  6. Eksperimenter med andre værdier. CSS giver dig en masse muligheder udover HTML, så vær ikke begrænset. Her er nogle alternativer til den "fed" værdi:
    • Teksten "Bolder" vil være mere eksponeret end den, der ligner ham. Hvis du f.eks. Opretter et helt afsnit med "fed" og derefter bruger "dristigere" i en individuel sætning i afsnittet, vil det skille sig ud.
    • Valgmuligheden "Normal" holder teksten uden fed, selvom det er mellem et mærke, der gør den fed.
    • Du kan bruge en numerisk værdi fra 100 til 900 til at specificere en tykkelse. 400 er normale, mens fed tekst bruger 700.

Tips

  • Når du bruger font-vægtegenskapen i CSS, skal du kun bruge numeriske værdier, der er flere end 100, da tallene mellem dem afrundes.
  • Et indlejret eller eksternt CSS-ark er en bedre måde at gøre teksten fed på, da det tillader ændringer til et komplet dokument på én gang.
  • Hver skrifttype har kun få funktioner tilgængelige. Når du bruger CSS, er det format, der bruges til skrifttypen, tættest på anmodningen. Det betyder, at det undertiden ikke er muligt at differentiere fed skrift i en font, for eksempel.

Andre ektioner Du begynder at mitanke om, at du er forelket i en fyr, du kender, men du kan ikke helt finde ud af, om du bare tænker på ham mere end normalt, eller hvi du er i fuldblæt ...

Sådan vælges et kamera

Mark Sanchez

Kan 2024

Andre ektioner At købe et kamera er en tor belutning. Det førte kridt i at vælge, hvilken type kamera der kal købe, er at belutte et realitik budget. Vælg derefter en kameraty...

Vores Publikationer.