Kuinka Tehdä Alaviiva

Sisällysluettelo:

Kuinka Tehdä Alaviiva
Kuinka Tehdä Alaviiva

Video: Kuinka Tehdä Alaviiva

Video: Kuinka Tehdä Alaviiva
Video: SOFIAN FIDGET TUTORIAL - miten tehdään oma fidget paperista 2024, Saattaa
Anonim

HyperText Markup Language (HTML), jota käytetään verkkosivujen luomiseen, tarjoaa keinon tekstin osien alleviivaamiseen. Tähän käytetään usein myös kaskadityyliä kuvaavaa kieltä (CSS - Cascading Style Sheets).

Kuinka tehdä alaviiva
Kuinka tehdä alaviiva

Ohjeet

Vaihe 1

HTML: ssä on erityinen tagi, joka on suunniteltu alleviivaamaan tekstiä avaavan () ja sulkevan () puoliskon välillä. Yksinkertaisimmassa muodossaan osa alleviivattua sivukoodia saattaa näyttää tältä: tämä on alleviivattu teksti

Vaihe 2

Lisäksi missä tahansa sisäisen tai lohkosivuelementin tagissa voit määrittää tyyliksi määritetyn attribuutin ja laittaa siihen sisällöntyylin kuvauksen. Muissa tyylikuvauksissa on alleviivattu teksti. Css: ssä alleviivatun tekstin kuvaus näyttää tältä: text-decoration: underline; Esimerkiksi tekstikappaletagi, jolla on tällainen merkintä, voi näyttää tältä:

Koko kappale alleviivattua tekstiä

Vaihe 3

Tyylikuvauksia sijoitetaan kuitenkin harvoin HTML-tunnisteiden sisään; ne sijoitetaan yleensä erillisiin kuvauslohkoihin. Tällaiset lohkot sijoitetaan verkkodokumenttien pääosaan (ja -tagien väliin) tai tallennetaan ulkoisiin tyylitiedostoihin css-laajennuksella. Jotta kaikki sivun teksti voidaan alleviivata, tämä kuvaus on sijoitettava HTML-valitsimeen:

html {text-decoration: alleviivaus;}

Tätä tarvitaan kuitenkin harvoin, joten useammin luokan nimi määritetään valitsimeksi. Esimerkiksi:

.und {tekstikoristelu: alleviivaus; väri punainen}

Siinä julistetaan, että jokaisen tunnisteen sisällä, jolle on annettu und-luokka, on oltava punainen ja alleviivattu teksti. Useimmiten luokkia erilaisille tekstinkäsittelyille käytetään span-tagin yhteydessä. Esimerkiksi alleviivatun osan tekstikappaleen HTML-koodi voi näyttää tältä:

Kappaleteksti, jossa on viiva alleviivattua punaista

Suositeltava: