Lihavoidun ja kursivoidun otsikon luominen HTML-muodossa

click fraud protection

Upota tyylin merkintätagit kursiiville ja lihavoidulle HTML otsikkokoodi lisätäksesi korostuksen aiheluetteloon.

Otsikot

Otsikkotagit ovat yksinkertaisin tapa jakaa asiakirja. Jos ajattelet sivustoasi sanomalehdeksi, otsikot ovat sanomalehden otsikoita. Pääotsikko on H1 ja seuraavat otsikot ovat H2 - H6.

Luo HTML-koodi seuraavien koodien avulla.

Tämä on otsake 1


Tämä on otsake 2


Tämä on otsake 3


Tämä on otsake 4


Tämä on otsake 5

Tämä on otsake 6

Pidä otsikot loogisessa järjestyksessä - H1 on ennen H2: ta, joka tulee ennen H3: ta, ja niin edelleen.

Älä huoli liikaa otsikoiden ulkoasusta - sinun tulisi käyttää CSS: ää tyylin otsikot pikemminkin kuin käyttää otsikkoa epäkunnossa. Otsikkotagit ovat lohkotason elementit, joten he asettavat rivinvaihtoja sinulle. Älä aseta kappaletunnisteita otsikkotagien sisään.

Lihavoitu ja kursivoitu

Lihavoituna ja kursivoituna voit käyttää neljää tagia:

  • ja rohkealle
  • ja kursivoitu

Ei ole väliä mitä käytät. Vaikka jotkut mieluummin ja , monet ihmiset löytävät "lihavoidulle" ja "kursiivi" on helpompi muistaa.

instagram viewer

Yhdistä tekstisi yksinkertaisesti alkamis- ja sulkutunnisteilla tekstin tekemiseksi lihavoitu tai kursiivi:

lihavoitu
kursivoitu

Voit sijoittaa nämä tunnisteet (mikä tarkoittaa, että voit tehdä tekstiä sekä lihavoituna että kursivoituna), eikä ole väliä mikä on ulompi tai sisempi tagi.

Esimerkiksi:

Tämä teksti on lihavoitu

Tämä teksti on lihavoitu

Tämä teksti on kursivoitu

Tämä teksti on kursivoitu

Tämä teksti on sekä lihavoitu että kursivoitu

Tämä teksti on sekä lihavoitu että kursivoitu

Miksi on kaksi joukkoa lihavoituja ja kursivoituja tunnisteita

HTML4: ssä ja Tunnisteita pidettiin tyylitageina, jotka vaikuttivat vain tekstin ulkoasuun eivätkä sanoneet mitään tagin sisällöstä, ja niiden käyttöä pidettiin huonona muotona. Sitten HTML5: llä heille annettiin semanttinen merkitys tekstin ulkoasun ulkopuolella.

HTML5: ssä nämä tunnisteet käyttävät erityisiä merkityksiä:

  • tarkoittaa tekstiä, joka ei ole tärkeämpää kuin ympäröivä teksti, mutta tyypillinen typografinen esitys on lihavoitu teksti, kuten avainsanat abstraktissa asiakirjassa tai tuotenimet arvostelussa.
  • tarkoittaa tekstiä, joka ei ole tärkeämpää kuin ympäröivä teksti, mutta tyypillinen typografinen esitys on kursivoitu teksti, kuten kirjan nimi, tekninen termi tai lause jollakin muulla kielellä.
  • tarkoittaa tekstiä, jolla on suuri merkitys ympäröivään tekstiin verrattuna.
  • tarkoittaa tekstiä, jolla on korostettu stressi ympäröivään tekstiin verrattuna.

Kursivointi otsikoissa

Mikään ei estä sinua käyttämästä kursivoituja tunnisteita otsikkotunnisteessa, vaikka jotkin selaimet saattavat poistaa tämän kontekstin. Yleensä on parempi käyttää CSS: ää varmistaaksesi haluamasi visuaalisen lopputuloksen.

instagram story viewer