Hoe om vet teks in HTML te skep

Dit is baie maklik om die teks vetdruk in HTML en daar is verskeie etikette wat jy kan leer as jy meer opsies wil hê. Nog beter, jy kan `n paar minute neem om basiese CSS te leer en dit direk by die HTML-dokument te voeg. Dit is baie vinniger as die byvoeging van `n CSS-stylblad en gee jou meer beheer oor presies wat jy vetgedruk wil wys.

conținut

Stappe
Metode 1skep vet teks met html
om . volg hierdie riglyne om te weet wanneer om dit te gebruik:
Kop hierheen
Die h2-tag
H6, die kleinste koptekst
na die . dit help die html-bladsy om die formaat te behou wanneer dit oorgedra word na `n ander formaat.
Metode 2skep vet teks met css aanlyn
, soms wil jy die teks wat nie reeds tussen etikette is, verander nie. plaas in hierdie geval die teks tussen die etikette. dit het geen effek alleen nie, maar dit sal jou iets gee om aan te werk. hier is `n voorbeeld van hoe om dit te gebruik:
Wenke

stappe

Metode 1
Skep vet teks met HTML

Prent getiteld Skep vet teks met HTML Stap 1

Gebruik die "sterk" tag. In HTML5 word die "sterk" tag vir belangrike teks aanbeveel. Dit verskyn gewoonlik vetdruk in blaaiers.

Plaas die teks wat jy in vetdruk tussen hierdie etikette wil hê: teks hier.

Prent getiteld Skep vet teks met HTML Stap 2

Gebruik die koptekens wanneer toepaslik. Opskrifte word gewoonlik aan die begin van die webblad of aan die begin van elke nuwe afdeling geplaas. Gewoonlik word die opskrifte vetdruk en lyk groter as die gewone font, maar dit kan wissel. Daar is 6 verskillende header tags, van

om

. Volg hierdie riglyne om te weet wanneer om dit te gebruik:

Die h1-tag, wat as volg geskryf word

kop hierheen

Dit is die belangrikste kop. Dit is gewoonlik die grootste teks bo-aan die bladsy.

Die h2-tag

is vir die tweede belangrikste kop en so aan totdat jy by die etiket kom

h6, die kleinste koptekst

Gebruik dit in moderering, net om die bladsy te organiseer. Gebruikers moet vinnig van kop na kop kan skuif en vind die onderwerp waarna hulle soek.

Wanneer jy subopskrifte maak, beweeg net een vlak op `n slag. Met ander woorde, slaan die etiket nie oor nie

na die

. Dit help die HTML-bladsy om die formaat te behou wanneer dit oorgedra word na `n ander formaat.

Prent getiteld Skep vet teks met HTML Stap 3

Gebruik die "b" etiket as `n laaste uitweg. die tag word ondersteun in HTML5, maar Dit is beter om dit in die meeste situasies te gebruik. Gebruik die etiket slegs wanneer die teks vetdruk vir stylredes moet verskyn, om nie klem te voeg nie. Byvoorbeeld slegs in sleutelwoorde of woordeskatwoorde in `n paragraaf of produk name in `n resensie.

Met die meeste etikette, jy moet die teks wat jy wil wysig tussen die begin etiket en die eindetiket plaas.

Metode 2
Skep vet teks met CSS aanlyn

Prent getiteld Skep vet teks met HTML Stap 4

Verstaan wanneer CSS gebruik word. CSS is `n meer kragtige en konsekwente manier om die styl van `n webblad te verander. Dit help jou om te bepaal hoe die bladsy sal lyk, terwyl HTML ontwerp is om te bepaal wat die bladsy beteken. Dit is goed om HTML-tags te gebruik as jy belangrike teks wil aandui, maar CSS sal jou meer beheer gee oor die visuele voorkoms van vet teks.

Probeer om `n basiese HTML-bladsy in verskillende blaaiers oop te maak en jy sal verskille in voorkoms sien. CSS vertel die leser presies hoe om die teks met `n etiket te vertoon, om variasie te verminder.

Prent getiteld Skep vet teks met HTML Stap 5

Voeg `n etiket by die teks. As jy nie weet hoe om CSS te gebruik nie, is die gebruik van "CSS aanlyn" `n goeie manier om te begin leer. Terwyl jy dit kan gebruik om etikette te verander soos

, Soms wil jy die teks wat nie reeds tussen etikette is, verander nie. Plaas in hierdie geval die teks tussen die etikette. Dit het geen effek alleen nie, maar dit sal jou iets gee om aan te werk. Hier is `n voorbeeld van hoe om dit te gebruik:

Ek het geleer om hierdie teks vetdruk te maak met behulp van CSS aanlyn.

Prent getiteld Skep vet teks met HTML Stap 6

Voeg die style-kenmerk by. HTML-eienskappe word direk op die etiket, binne die < >vierkantige hakies Die styl kenmerk is nodig om CSS in die HTML-tag in te voeg, so jy moet invoeg styl = in die "span" tag:

Ek het geleer om hierdie teks vetdruk te maak met behulp van CSS aanlyn.

Daar is geen rede waarom die styl kenmerk bygevoeg word sonder om `n styl te spesifiseer nie. Slegs die stap-vir-stap-prosedure word verduidelik sodat dit maklik is om te volg.

Prent getiteld Skep vet teks met HTML Stap 7

Voeg `n eiendom van font gewig by. CSS eienskappe word bygevoeg as deel van die style kenmerk. In hierdie geval sal die lettertipe gewig eiendom gebruik word, wat bepaal hoe dik die teks sal wees. Hierdie eiendom kan gebruik word om vetdruk (uiters dik), dun teks te vertoon, of u kan selfs spesifiseer dat die teks `n normale dikte moet hê. voeg "font-weight: " na die teken van =, soos volg:

Ek het geleer om hierdie teks vetdruk te maak met behulp van CSS aanlyn.

Weereens, dit doen niks alleen nie.

Moenie vergeet om die aanhalings voor en na te sit nie font-weight:.

Prent getiteld Skep vet teks met HTML stap 8

Voeg die waarde van die dikte by. Al wat jy moet doen, is die waarde vir die gewig van die bron, tussen font-weight: en die laaste kwotasie. Daar is verskeie opsies vir verskillende "dikte" style, maar die maklikste om te gebruik is vet:

Ek het geleer om hierdie teks vetdruk te maak met behulp van CSS aanlyn.

Prent getiteld Skep vet teks met HTML Stap 9

Eksperimenteer met ander waardes. CSS gee jou baie meer opsies as HTML, so jy hoef nie beperk te voel nie. Hier is verskeie alternatiewe vir waarde "vet":

Teks met hierdie waarde "Bolder" Dit sal altyd dikker lyk. Byvoorbeeld, as u `n hele paragraaf vetdruk het, gebruik u die kenmerk "Bolder" In `n individuele sin binne die paragraaf sal dit dikker lyk.

Met die kenmerk "normale" Die teks sal in `n normale styl verskyn, selfs al is dit binne die vet etiket.

U kan ook `n getal van 100 tot 900 gebruik om die dikte te spesifiseer. 400 is die normale teks, terwyl die vet teks `n dikte van 700 het.

wenke

Wanneer u die lettertipe eienskappe in CSS gebruik, gebruik slegs veelvoudige numeriese waardes van 100. Waardes wat tussen die hoeveelhede is, sal afgerond word.
`N Geplaasde of eksterne CSS-blad is `n beter manier om vetgedrukte teks in te voeg, aangesien dit jou maklik kan verander en `n hele dokument verander.
Elke lettertipe het slegs sekere lettertipe gewigte. Wanneer CSS gebruik word, word die brongewig naaste aan die gespesifiseerde hoeveelheid gebruik. Dit beteken dat jy nie altyd die verskil tussen twee lettertipe gewigte kan sien nie.

Deel op sosiale netwerke:

Verwante