Sisältö

• Askeleet
• Tapa 1 /2: Luo lihavoitu teksti HTML -koodilla
• Tapa 2/2: Luo lihavoitu teksti CSS: llä
• Vinkkejä

HTML -merkintäkielen avulla voit lihavoida tekstiä ilman ongelmia ja jopa useilla tavoilla kerralla. On kuitenkin parempi, jos käytät pari minuuttia CSS -tyylitaulujen perussääntöjen tutkimiseen ja lisäät ne asiakirjaan, jotta voit työskennellä siellä myöhemmin. Tärkeintä on, että verkkosivun ulkoasun hallitseminen CSS: stä on paljon helpompaa, myös silloin, kun jotain on korostettava lihavoituna.

Askeleet

Tapa 1 /2: Luo lihavoitu teksti HTML -koodilla

1. 1 vahva> Käytä vahvaa / vahvaa> -tagia. HTML5: ssä teknisten tietojen mukaan tämä on paras tapa korostaa tekstiä. Tämä tunniste tekee melkein aina tekstistä lihavoidun.
   • Aseta korostettava teksti tunnisteiden sisälle: vahva>Juuri täällä/ vahva>.
2. 2 Käytä otsikoita tarvittaessa. Yleensä ne sijoitetaan sivun yläreunaan tai uuden osion alkuun. Oletusarvon mukaan otsikot näytetään tavallista tekstiä suurempina ja rohkeampina, vaikka tässä on joitain hienovaraisuuksia. Otsikoita on kuusi tasoa 1-6: h1> - h6>. Noudata näitä ohjeita käyttäessäsi niitä:
   • Otsikko h1 kirjoitetaan näin: h1> ensimmäisen tason otsikko / h1>, ja tämä on sivun tärkein ja suurin otsikko.
   • h2> Otsikko h2 / h2> - toiseksi tärkeimmälle nimikkeelle ja niin edelleen aina h6> otsakkeeseen h6, pienin kaikista / h6>.
   • Sinun on käytettävä otsikoita huolellisesti, kohtuudella, vain sivun sisällön järjestämiseksi. Käyttäjän pitäisi pystyä näkemään otsikko mahdollisimman nopeasti, jotta hän voi ymmärtää, onko haluamasi sisältö alla.
   • Alaotsikoita luotaessa kannattaa laskea vain yksi taso kerrallaan. Toisin sanoen, ei tarvitse laittaa h1: n jälkeen> heti h3>. Näin sivun muotoilu ei epäonnistu muunnettaessa toiseen muotoon.
3. 3 b> Käytä viimeisenä keinona b / b> -tagia. B> -tagia tuetaan edelleen HTML5: ssä, mutta paljon paremmin. Voit käyttää b> -painiketta, kun teksti on korostettu tyylillisiin, ei -semanttisiin tarkoituksiin - esimerkiksi korostamaan avainsanoja tai sanastoja, tuotenimiä ja niin edelleen.
   • Kuten useimmat tunnisteet, b> on pari, joka ohjaa / b> tekstiä, joka on sijoitettu sen sisään.

Tapa 2/2: Luo lihavoitu teksti CSS: llä

1. 1 Muista, milloin CSS: ää käytetään. CSS on erittäin tehokas ja kätevä työkalu sivun ulkoasun muokkaamiseen. Itse asiassa sivu "näyttää" CSS: ltä, kun taas HTML tarkoittaa sitä. Tietenkin HTML -tunnisteissa ei ole mitään vikaa, niitä voidaan käyttää, mutta on parempi työskennellä CSS: n kanssa - voit hallita paremmin tekstin ulkoasua.
   • Avaa yksinkertainen HTML -sivu eri selaimissa. Huomaatko, kuinka se näyttää hieman erilaiselta jokaisessa? CSS voi auttaa pitämään tämän eron mahdollisimman pienenä.
2. 2 Lisää tekstiin span> -tunniste. Jos et vielä omista CSS: ää, aloita ns. "Inline CSS" - "inline style sheet", jos haluat. Tätä voidaan tietysti käyttää tunnisteiden, kuten p> tai h1>, ulkoasun muuttamiseen, mutta joskus voit myös muuttaa tekstiä, joka ei vielä sisälly mihinkään tunnisteeseen. Tagi span> / span> on kuin kääre, jolla ei sinänsä ole vaikutusta tai vaikutusta, mutta se antaa meille mahdollisuuden tehdä tarvittavat muutokset sivulle. Tässä on esimerkki:
   • span> Opettelen lihavoimaan tekstiä upotetun CSS: n avulla ./span>
3. 3 Lisää style -attribuutti. HTML -määritteet kirjoitetaan suoraan tunnisteeseen, suoraan valintaruutuihin>. Tyylimäärite vaaditaan CSS: n lisäämiseksi HTML -tunnisteeseen, joten lisää tyyli = span -tunnisteessa:
   • span style => Opettelen tekemään lihavoitua tekstin sisäisellä CSS: llä ../ span>
   • Miksi lisätä tyylimääritettä, jos et lisää itse tyyliä? Ajattele oikein. Mutta tässä esittelemme kaiken askel askeleelta!
4. 4 Lisää fontti-paino-ominaisuus. CSS-ominaisuudet lisätään osana määritettä, tässä tapauksessa osana tyylimääritettä, nimittäin "font-weight" (kirjaimellinen paino). Tämän ominaisuuden avulla voidaan määrittää fontin tyyli, ei vain lihavoitu, vaan myös erittäin lihavoitu, ohut tai normaali. Kirjoita = -merkin jälkeen "fontti-paino:"... Sen pitäisi näyttää tältä:
   • span style = "font-weight:"> Opettelen tekemään tekstistä lihavoitua käyttämällä sisäistä CSS: ää ../ span>
   • Keskeytä nyt, älä kirjoita mitään muuta (ja kyllä, lisää on tulossa).
   • Älä unohda lainausmerkkejä ennen ja jälkeen fontin paino:.
5. 5 Lisää lihavoitu arvo. Mitä on jäljellä? Aivan oikein, määritä ominaisuusominaisuudeksi arvo! Mihin se lisätään? Aivan, välillä fontin paino: ja lopetuslainaus. Tällä ominaisuudella on useita lajikkeita, jotka eroavat rohkeudesta, ja helpoin tapa on käyttää arvoa lihavoitu:
   • span style = "font-weight: bold"> Opettelen tekemään tekstistä lihavoitua upotetun CSS./span>: n avulla
6. 6 Kokeile muita arvoja. CSS on paljon tehokkaampi kuin HTML, joten älä tunne, että olet sidottu käsi ja jalka. Tässä muutama vaihtoehto lihavoinnille:
   • span style = "font -weight: bolder"> "Rohkeampi" - tällä tavalla teksti on aina paksumpaa kuin pääelementti riippumatta siitä, kuinka lihavoitu se on. / span> Jos koko kappale on valittu lihavoituna, "rohkeampi" auttaa korostamaan vielä rohkeammin, esimerkiksi erillisen lauseen.
   • span style = "font -weight: normal"> "Normaali" - tällainen teksti näyttää tavalliselta, vaikka se olisi tagissa, joka tekee tekstistä lihavoidun. / span>
   • span style = "font -weight: 900"> Voit määrittää tekstin painon käyttämällä arvoja 100 - 900. 400 - tavallinen tyyli, lihavoitu - 700 ja enemmän. / span>

Vinkkejä

• Kun käytät painon numeerisia arvoja CSS: ssä, käytä 100: n kerrannaisia. Kaikki muut arvot pyöristetään edelleen ylöspäin.
• Ulkoinen CSS -tiedosto on varmasti paljon kätevämpi kuin tässä artikkelissa kuvattu - tällä tavalla on mahdollista hallita sivuston kaikkien sivujen ulkoasua yhdestä tiedostosta kerralla!
• Et voi tehdä kirjasimesta paksumpaa kuin typografien alun perin tarkoittama. Muista työskennellessäsi CSS: n kanssa, että fontti muuttuu standardin mukaisesti. Näin ollen et näe eroa kahden lihavoidun kirjasintyypin välillä (tarkemmin sanottuna näet sen - mutta se riippuu jo fontista).