Javascript vetgedrukte tekst

| | | |

Om vetgedrukte tekst in HTML te maken, kunt u de tag, de of de lettertypedikte in CSS.

Als je een webpagina ontwerpt, wil je misschien een specifiek stuk benadrukken van tekst.

Stel bijvoorbeeld dat u een lijst met instructies hebt voor het gebruik van nieuwe technologie en dat er een veiligheidsmededeling is die vooral belangrijk is voor de gebruiker om te lezen. U kunt deze waarschuwing onderstrepen om ervoor te zorgen dat de gebruiker deze niet mist bij het lezen van de instructies.

In HTML zijn er ingebouwde functies waarmee programmeurs bepaalde tekst kunnen aanmoedigen. In deze zelfstudie onderzoeken we de drie meest voorkomende manieren om tekst in HTML aan te moedigen: de -tag, de tag en font-weight Cascading style Sheets (CSS) parameter.

HTML tag

De meest gebruikelijke manier waarop ontwikkelaars tekst maken in HTML is door het gebruik van de tag . De tag wordt gebruikt om een element te maken dat vetgedrukte tekst op een HTML-webpagina weergeeft. Een kan bijvoorbeeld bewijs van ondertitels in een sectieregel plaatsen.

Hier is een voorbeeld van HTML < b> in actie:

Zo simpel is het. Als je wat vetgedrukte tekst wilt maken terwijl je de rest van een alinea verlaat, kun je een -tag opnemen in een sectie zoals hieronder:

Hier is het resultaat van onze code:

 ZSIP MZN80Y C8SXnhFCUVvxO2XhlHRpZ8dso9dvpBYrlYXOd7X8Dl5QnP Um95N 5JsJFsPEzaihSIUeO9fgFLQThoRWsfyQ6YqoR8yjNkJgWbQjNI HDKTYHYlIBQbZKiKXYHI

het begin van onze alinea lijkt normaal en de tekst in onze is versterkt

HTML-tag

U kunt ook de -tag gebruiken om aangemoedigde tekst in HTML. De -tag is precies hetzelfde als de -tag, met één verschil: de sterke tag geeft aan dat de inhoud speciale aandacht vereist. Hier is een voorbeeld van de -tag die wordt gebruikt:

Onze code rendementen van het volgende:

 3Wu9gudPNDx8rHeEPum1C5 JUxRQqmDg ZCJv4nIGzDEBzPbvXoQwXWT Pr9peExkkgeBdErzTUDrrvGjcInojk0I1GR ZTJmru5ycNZFY4UZjriVadJXqKlt b></code> wordt gebruikt om tekst te markeren die de lezer misschien wil lezen. De tag <code><strong></code> wordt gebruikt om aan te geven dat de lezer speciale aandacht moet besteden aan het woord <code>Attentie</code>. Afgezien van dit verschil zijn de <code><b></code> en <code><strong></code> hetzelfde.</p><h2>CSS font-weight eigenschappen</h2> <p>De <code><strong></code> en <code><b> </code> tags worden gebruikt in <elements code> HTML</code> vanille om aan te geven dat de tekst belangrijk is en gelezen moet worden . Er is echter ook een <code>CSS</code>-eigenschap die ons meer controle geeft over het uiterlijk van onze tekst: <code>font-weight</code>.</p><p><code>font- gewicht</code> stelt programmeurs in staat om te bepalen hoe zwaar of licht - hoe vet - een bepaald stuk tekst wordt weergegeven. Hier is een voorbeeld van een <code>font-weight</code>-tag toegepast op een alinea met de <code>dikke</code>-tag:</p><p><code>HTML</code>:</p><p><code>CSS</code>:</p> <p>Onze code retourneert de volgende elementen:</p><figure class =  PUID1hdO8MH0qiaSHr6T2Xbf5IC11tGlX5XBYcHd5ZoMIFN3T 7EtnQs6ddneO7uvbRSJHOHR6 B QAsA6BkhOa1GcjgzQRdAtdShl5DyH1XlZLvqCrqDOOqirbnCdnLboyexPf0

In ons voorbeeld hebben we definiëren een klasse genaamd dikte , waarbij definieert tekengewicht eigenschappen voor onze 900-tekst, wat betekent dat de tekst waarin we verwijzen naar de klasse dik aangemoedigd zal worden. Opgemerkt moet worden dat we het getal "900" kunnen aanpassen, afhankelijk van of we onze tekst lichter of vetter willen laten lijken.

Als alternatief zouden we ons font -weight kunnen aangeven met de vetgedrukte stijl font-weight, zoals deze:

Conclusie

Vetgedrukte tekst is een belangrijk onderdeel van tekstopmaak in HTML. Als u de aandacht wilt vestigen op een bepaalde regel tekst of woorden, kunt u deze aanmoedigen. hebben de drie belangrijkste manieren om tekst aan te moedigen verbroken: , en font-weight. Nu ben je klaar om maak vetgedrukte tekst like e een expert!

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method