Sisältö

• Askeleet
• H2-tunniste
• vinkkejä

HTML: n avulla on helppo tehdä teksti lihavoituna, ja on monia tunnisteita, joita voidaan käyttää, jos haluat lisää vaihtoehtoja. Parempaa vielä, opi CSS ja lisää se suoraan HTML-dokumenttiin. Tämä on nopeampaa kuin CSS-tyylisivun lisääminen ja antaa sinun hallita, kuinka paljon paksutta haluat lihavoidussa tekstissä.

Askeleet

Tapa 1/2: Lihavoidun tekstin luominen HTML: llä

1. 

   Käytä vahvaa tunnistetta. HTML5: ssä suositellaan suositeltua standardia, ”vahvaa” -tunnistetta tärkeille teksteille. Selaimet näkyvät melkein aina lihavoituna tekstinä.
   • Kirjoita haluamasi teksti lihavoituna näiden tunnisteiden väliin: lihavoitu teksti täällä.

2. 

   
   
   Käytä otsikkotunnisteita tarvittaessa. Ne sijoitetaan verkkosivuston yläosaan tai uuden osan alkuun. Otsikot näytetään yleensä suuremmilla, lihavoiduilla kirjasimilla, mutta ne voivat vaihdella. Nimikkeissä on kuusi erilaista tunnistetta,

   . Noudata näitä ohjeita, kun käytät niitä.

   • H1-tagi, kirjoitettu nimellä

     Otsikko täällä

     on tärkein otsikko, yleensä pisin teksti sivun alussa.

   • H2-tunniste

     on toiseksi tärkeimmälle nimikkeelle ja niin edelleen, jopa tunniste

     h6, alhaisin

     .
   • Käytä niitä säästeliäästi vain sivun järjestämiseen. Käyttäjien pitäisi voida selata nimikkeitä nopeasti ja löytää etsimänsä.
   • Kun luot tekstitystä, pienennä tasoa kerrallaan. Toisin sanoen, älä hyppää

     varten

     . Tämä auttaa HTML-sivua säilyttämään muotoilun siirrettäessä toiseen muotoon.

3. 

   
   
   Käytä b-tunnistetta viimeisenä keinona.. Tunniste on edelleen tuettu HTML5: ssä, mutta se on useimmissa tapauksissa paras. Käytä tagia vain kun lihavoitua tekstiä käytetään tyylisyistä, ei korostuksesta. Esimerkkejä ovat avainsanat tai sanasto tekstissä tai tuotenimet analysoitavaksi.
   • Kuten useimmat tunnisteet, kirjoita teksti tunnisteen alkuun ja loppuun.

Tapa 2/2: Lihavoidun tekstin luominen Inline CSS: llä

1. 

   
   
   Ymmärrä, milloin CSS: ää käytetään, mikä on tehokkaampi ja johdonmukaisempi tapa muuttaa verkkosivustosi tyyliä. Tämä kieli on ihanteellinen verkkosivustosi ulkonäön määrittämiseen, kun taas HTML määrittää, mitä verkkosivustosi tarkoittaa. On hienoa käyttää HTML: ää tärkeän tekstin korostamiseen, mutta CSS antaa sinulle paremman hallinnan lihavoidun tekstin visuaaliseen osaan.
   • Yritä avata sama HTML-sivu eri selaimissa, ja saatat huomata joitain näyttöeroja. CSS ”kertoo” selaimelle tarkalleen, kuinka tagilla muutettu teksti näytetään variaation minimoimiseksi.

2. 

   Lisää tunniste tekstiin. Jos et tiedä vielä mitään CSS: stä, ”CSS inline” on hyvä tapa aloittaa. Vaikka voit muuttaa tunnisteita kuten

   tai

   , joudut joskus muuttamaan tekstiä, jota ei vielä ole tunnisteiden välillä. Sulje tässä tapauksessa teksti tunnisteisiin . Sillä ei ole vaikutusta yksinään, mutta se antaa meille jotain työskennellä. Tässä on esimerkki, jota käytämme:

   • Opisin tekemään tämän tekstin lihavoituna CSS: n kanssa.

3. 

   Lisää tyylimääritteen. HTML-määritteet kirjoitetaan suoraan tunnisteeseen <> -suluihin. Tyyliominaisuus on välttämätön CSS: n lisäämiseksi HTML-tunnisteeseen, joten lisäämme sen tyyli = span-tunnisteessa:
   • Opisin tekemään tämän tekstin lihavoituna CSS: n kanssa.
   • Ei ole mitään syytä lisätä tyyliominaisuutta määrittelemättä mitään. Opimme vain yhtä asiaa kerrallaan.

4. 

   Lisää 'font-weight' -ominaisuus. CSS-ominaisuudet lisätään tyylimääritteinä. Tässä tapauksessa käytämme mainittua ominaisuutta, joka määrittää fontin paksuuden. Sitä voidaan käyttää lihavoidun, ohuemman tekstin tai jopa normaalin paksuuden näyttämiseen. Lisätä "Fontti-paino:" = -merkin jälkeen, kuten alla on esitetty:
   • Opisin tekemään tämän tekstin lihavoituna CSS: n kanssa.
   • Emme taas ole vielä päättäneet prosessia.
   • Älä unohda tarjouksia ennen ja jälkeen fontti-paino:.

5. 

   Lisää arvo lihavoituna. Ainoa asia, joka meidän on tehtävä, on luoda arvo välille fontti-paino: ja viimeiset tarjoukset. On joitain vaihtoehtoja, joita voidaan käyttää, mutta arvo lihavoitu on helpoin käyttää:
   • Opisin tekemään tämän tekstin lihavoituna CSS: n kanssa.

6. 

   Kokeile muita arvoja. CSS antaa sinulle paljon vaihtoehtoja HTML: n lisäksi, joten älä ole rajoitettu. Tässä on joitain vaihtoehtoja lihavoidulle arvolle:
   • Teksti "Rohkeampi" näkyy enemmän kuin hän samanlainen. Esimerkiksi, jos teet kokonaisen kappaleen lihavoituna ja käytät sitten "rohkeampaa" kappaleen yksittäisessä lauseessa, se erottuu.
   • "Normaali" -vaihtoehto pitää tekstin ilman lihavointia, vaikka se olisi tunnisteen välillä, joka tekee siitä lihavoidun.
   • Voit käyttää paksuuden määrittämiseen numeerista arvoa 100 - 900. 400 on normaali, kun lihavoitu teksti käyttää 700.

vinkkejä

• Kun käytät kirjasinpaino-ominaisuutta CSS: ssä, käytä vain numeerisia arvoja 100: n kerrannaisia, koska niiden väliset numerot pyöristetään.
• Upotettu tai ulkoinen CSS-arkki on parempi tapa tehdä teksti lihavoituna, koska se sallii muutokset koko asiakirjaan kerralla.
• Jokaisella fontilla on vain muutama käytettävissä oleva ominaisuus. Kun käytät CSS: tä, fontissa käytetty muoto on lähinnä pyyntöä. Tämä tarkoittaa, että joskus ei esimerkiksi voida erottaa lihavoitua esimerkiksi kirjasimessa.