Forfatter:
Bobbie Johnson
Oprettelsesdato:
7 April 2021
Opdateringsdato:
26 Juni 2024
Indhold
HTML -markeringssproget giver dig mulighed for at gøre teksten fed uden problemer, og endda på flere måder på én gang. Det vil dog være bedre, hvis du bruger et par minutter på at studere de grundlæggende regler for cascading style sheets - CSS, og tilføjer dem til dokumentet, så du kan arbejde der senere. Konklusionen er, at det er meget lettere at kontrollere udseendet af en webside fra CSS, herunder når noget skal fremhæves med fed skrift.
Trin
Metode 1 af 2: Opret fed tekst med HTML
1 strong> Brug tagget strong / strong>. I HTML5 er dette ifølge specifikationen den bedste måde at fremhæve tekst på. Dette mærke vil næsten altid gøre teksten fed. - Placer den tekst, du vil fremhæve, inde i tagsne: strong>lige her/ stærk>.
2 Brug overskrifter, når det er relevant. Typisk placeres de øverst på siden eller i begyndelsen af et nyt afsnit. Som standard vises overskrifter større og federe end normal tekst, selvom der også er nogle finesser her. Der er seks niveauer af overskrifter, fra 1 til 6: h1> - h6>. Følg disse retningslinjer, når du bruger dem: - Overskriften h1 skrives således: h1> overskrift på første niveau / h1>, og dette er den vigtigste, største overskrift på siden.
- h2> Overskrift h2 / h2> - for den næstvigtigste overskrift og så videre op til meget h6> overskrift h6, den mindste af alle / h6>.
- Du skal bruge overskrifter omhyggeligt, med måde, udelukkende til at organisere indholdet på siden. Brugeren skal kunne se titlen så hurtigt som muligt for at forstå, om det ønskede indhold er nedenunder.
- Når du opretter underoverskrifter, er det værd at gå ned kun et niveau ad gangen. Med andre ord er det ikke nødvendigt at sætte efter h1> umiddelbart h3>. På denne måde mislykkes sideformateringen ikke, når der konverteres til et andet format.
3 b> Som sidste udvej skal du bruge b / b> -tagget. B> -tagget understøttes stadig i HTML5, men meget bedre. Du kan bruge b> når teksten er fremhævet til stilistiske, ikke -semantiske formål - f.eks. Til at fremhæve søgeord eller ordforråd, produktnavne og så videre. - Som de fleste tags er b> et par, der styrer / b> teksten, der er placeret inde i den.
Metode 2 af 2: Opret fed tekst med CSS
1 Husk, hvornår du skal bruge CSS. CSS er et meget kraftfuldt og praktisk værktøj til at redigere udseendet af en side. Faktisk er CSS, hvordan siden "ser ud", mens HTML er, hvad den "betyder". Selvfølgelig er der ikke noget galt med HTML -tags, de kan bruges, men det er bedre at arbejde med CSS - du har mere kontrol over, hvordan din tekst vil se ud. - Åbn en simpel HTML -side i forskellige browsere. Læg mærke til, hvordan det ser lidt anderledes ud i hver enkelt? CSS kan hjælpe med at holde denne forskel på et minimum.
2 Tilføj et span> -tag til teksten. Hvis du ikke allerede ejer CSS, skal du starte med de såkaldte "inline CSS" - "inline style sheets", hvis du vil. Dette kan naturligvis bruges til at ændre udseendet af tags som p> eller h1>, men nogle gange kan du også ændre tekst, der endnu ikke er inkluderet i nogen tags. Mærket span> / span> er som en indpakning, der i sig selv ikke har nogen effekt eller effekt, men giver os mulighed for at foretage de nødvendige ændringer på siden. Her er et eksempel: - span> Jeg lærer at gøre tekst fed med inline CSS ./span>
3 Tilføj stilattributten. Attributter i HTML skrives direkte i tagget, lige i afkrydsningsfelterne>. Stilattributten er påkrævet for at indsætte CSS i et HTML -tag, så indsæt stil = i span -tagget: - span style => Jeg lærer at gøre tekst fed med inline CSS ../ span>
- Hvorfor tilføje en stilattribut, hvis du ikke tilføjer selve stilen? Tænk rigtigt. Men her fastlægger vi alt trin for trin!
4 Tilføj egenskaben font-weight. CSS-egenskaberne tilføjes som en del af attributten, i dette tilfælde som en del af stilattributten, nemlig "font-weight" (bogstavelig vægt). Denne egenskab kan bruges til at angive typografien for en skrifttype, ikke kun fed, men også ekstra fed, tynd eller normal. Efter = -tegnet skal du skrive "font-vægt:"... Det skal se sådan ud: - span style = "font-weight:"> Jeg lærer, hvordan jeg gør tekst fed med inline CSS ../ span>
- Pause lige nu, skriv ikke noget andet (og ja, der kommer mere).
- Glem ikke at sætte citater før og efter font-vægt:.
5 Tilføj den fede værdi. Hvad er der tilbage? Det er rigtigt, sæt attributten egenskab til en værdi! Hvor skal man indsætte det? Det er rigtigt, imellem font-vægt: og et afsluttende citat. Denne ejendom har flere sorter, der er forskellige i fedhed, og den nemmeste måde er at bruge værdien fremhævet: - span style = "font-weight: bold"> Jeg lærer at lave tekst fed ved hjælp af inline CSS./span>
6 Eksperimenter med andre værdier. CSS er langt mere kraftfuld end HTML, så du skal ikke føle, at du er bundet i hånd og fod. Her er nogle alternativer til fed: - span style = "font -weight: bolder"> "Bolder" - på denne måde vil teksten altid være tykkere end det overordnede element, uanset hvor fed den er. / span> Hvis hele afsnittet er valgt med "fed", så "modigere" vil bidrage til at fremhæve endnu mere modigt, f.eks. en separat sætning, der er i den.
- span style = "font -weight: normal"> "Normal" - sådan tekst vil se ud som normalt, selv når den er inde i et tag, der gør teksten fed. / span>
- span style = "font -weight: 900"> For at indstille tekstens vægt kan du bruge værdier fra 100 til 900. 400 - almindelig stil, fed - fra 700 og derover. / span>
Tips
- Når du bruger numeriske værdier for vægt i CSS, skal du bruge multipla af 100. Alle andre værdier vil stadig blive afrundet.
- En ekstern CSS -fil er helt sikkert meget mere praktisk end det, der er beskrevet i denne artikel - på denne måde vil det være muligt at kontrollere udseendet af alle sider på webstedet fra en fil på én gang!
- Du kan ikke gøre en skrifttype federe end oprindeligt beregnet af typografer. Når du arbejder med CSS, skal du huske, at skrifttypen ændres i henhold til standarden. Derfor vil du ikke se forskellen mellem de to fed skriftindstillinger (mere præcist kan du se det - men det afhænger allerede af skrifttypen).
