Salungguhitan ang teksto sa HTML

May -Akda: John Pratt
Petsa Ng Paglikha: 17 Pebrero 2021
I -Update Ang Petsa: 28 Hunyo 2024
Anonim
HTML Tutorial 20 Tagalog - ADDING LINK TO IMAGE
Video.: HTML Tutorial 20 Tagalog - ADDING LINK TO IMAGE

Nilalaman

Ang pag-underline sa HTML ay dati nang isang bagay ng pag-enclose ng teksto sa pagitan ng mga tag ng u> / u>, ngunit ang pamamaraang ito ay mula nang hindi na ginugusto pabor sa mas maraming nalalaman na CSS. Ang pag-underline sa mga web page ay karaniwang itinuturing na isang hindi maginhawang paraan upang bigyang-diin ang isang partikular na seksyon ng teksto. Ito ay sapagkat ang salungguhit na teksto ay madaling nalilito sa isang link.

Upang humakbang

Paraan 1 ng 2: Kasalukuyang pamamaraan

  1. Gamitin ang pag-aari ng text-decoration sa iyong istilo ng CSS. Ang paggamit ng u> tag ay hindi na isang angkop na paraan upang salungguhitan ang teksto. Sa halip, ginagamit namin ang pag-aari ng CSS na "text-decoration".
    • Ginagawa nitong mas madaling mabago ang code, nang sa gayon ay hindi mo na kailangang baguhin ang anuman tungkol sa lumang code kung naging hindi na magamit.
  2. Gamitin ang tag ng span> kapag nais mong salungguhitan ang isang tiyak na bahagi ng teksto. Ilagay ang panimulang tag kasama ang pag-aari ng "text-dekorasyon" kung saan nais mong magsimula ang salungguhit. Ilagay ang end tag / span> kung saan dapat huminto ang salungguhit.

    span style = "text-decoration: underline;"> Ito ay salungguhit./span>

  3. Ipahayag ang mga elemento ng HTML sa istilo> bahagi ng iyong pahina. Maaari mo ring gawin ito sa sheet ng estilo ng CSS. Ang pag-underline ay maaaring gawing mas madali sa pamamagitan ng pag-uugnay ng isang estilo sa isang elemento ng HTML. Halimbawa, upang salungguhitan ang lahat ng iyong mga header sa antas ng 3, idagdag ang sumusunod na istilo ng CSS:

    html> ulo> istilo> h3 {text-dekorasyon: salungguhitan; } / style> / ulo> katawan> h3> Ang heading na ito ay may salungguhit / h3> / body> / html>

  4. Lumikha ng isang klase sa CSS upang mabilis na salungguhit sa anumang oras. Maaari kang lumikha ng mga klase sa iyong style sheet o istilo>, upang tawagan sa paglaon. Ang klase ay maaaring magkaroon ng anumang nais mong pangalan.

    html> ulo> istilo> .underline {text-dekorasyon: salungguhitan; } / style> / head> body> Maaari mong gamitin ang klase na ito upang mabilis na salungguhit ang div> / div> mula sa iba't ibang bahagi ng div> mula sa iyong nilalaman / div> / body> / html>

  5. Isaalang-alang ang iba pang mga pamamaraan ng pagbibigay diin ng teksto. Dapat iwasan ang salungguhit upang maiwasan ang pagkalito sa mambabasa. Ang isang tanyag na pamamaraan ay ang paggamit ng em> tag, na ginagawang italic ang teksto. Maaari mong gamitin ang CSS upang higit na tukuyin ang tag na ito, para sa isang natatanging paraan ng pagbibigay diin.

    html> ulo> istilo> nila {kulay: pula; } / style> / head> body> Lahat ng nasa loob ng elemento ng em ay magiging em> italic (dahil sa mga default na setting), at pula / em> dahil sa idinagdag na istilo sa itaas. / katawan> / html>

Paraan 2 ng 2: Hindi napapanahong pamamaraan

  1. Iwasang gamitin ang lumang u> / u> mga tag. Ang mga ito ay "nasiraan ng loob", nangangahulugang gumagana pa rin ito, ngunit hindi na ginagamit o inirerekumenda. Ito ay dahil ang HTML ay sa prinsipyo na hindi dinisenyo bilang isang markup na wika. Gagana pa rin ang u> tag, ngunit ngayon ay inilaan upang tukuyin ang teksto na naiiba sa ibang teksto, tulad ng isang maling baybay na salita o wastong pangngalan ng Tsino.
  2. Gamitin ang tag u> / u> para sa pag-underline (para sa mga layunin ng paglalarawan lamang). Sa anumang pagkakataon hindi mo dapat gamitin muli ang pamamaraang ito. Maaaring mahusay na malaman kung paano ito nagamit kung sakaling kailangan mong mag-update ng isang mas lumang website.

    html> katawan> Gamit ang lumang tag u> sa HTML maaari mong mabilis na salungguhitan ang mga bagay / u>, ngunit ang mga bagay ay mabilis na magulo kapag ginamit ang iba pang mga elemento ng istilo. Iyon ang dahilan kung bakit underline namin ngayon ang "text-decoration" na may sangkap na CSS. / katawan> / html>

Mga Tip

  • Mayroong halos palaging isang mas mahusay na paraan upang bigyang-diin ang isang bagay sa isang web page kaysa sa may salungguhit. Maaari itong maging napakalito para sa mga mambabasa. Gawing mas maganda ang iyong teksto sa CSS, upang maipakita itong positibo.