Paano salungguhitan ang teksto sa HTML

May -Akda: Clyde Lopez
Petsa Ng Paglikha: 19 Hulyo 2021
I -Update Ang Petsa: 1 Hulyo 2024
Anonim
HTML Tutorial 20 Tagalog - ADDING LINK TO IMAGE
Video.: HTML Tutorial 20 Tagalog - ADDING LINK TO IMAGE

Nilalaman

Ang pamana ng HTML na may salungguhit na pamamaraan ay ang paggamit ng mga u> / u> na tag, ngunit ngayon ay gumagamit ito ng isang modernong pamamaraan na batay sa CSS. Ang Underlining ay itinuturing na isang masamang paraan upang maakit ang pansin sa teksto sapagkat madaling malito ang teksto na may salungguhit na may isang link.

Mga hakbang

Paraan 1 ng 2: Modernong Paraan

  1. 1 Gamitin ang "text-dekorasyon" na pag-aari sa CSS. Sa kasalukuyan, ang u> tag ay hindi ginagamit upang salungguhitan ang teksto.
    • Sa pamamagitan ng pagdaragdag ng accommodation na ito, hindi mo kailangang baguhin ang iyong code sa hinaharap kapag nagretiro na ang mga lumang tag.
  2. 2 Gamitin ang tag ng span> upang salungguhitan ang isang tukoy na piraso ng teksto. Magpasok ng isang panimulang tag kasama ang pag-aari ng "text-dekorasyon" sa harap ng teksto na nais mong salungguhitan. Sa pagtatapos ng teksto, ipasok ang pagsasara ng tag / span>.

    span style = "text-decoration: underline;"> Ang teksto na ito ay salungguhit. / span>

  3. 3 Tukuyin ang mga elemento ng HTML sa seksyon ng estilo> upang gawing mas madaling salungguhit. Maaari rin itong magawa gamit ang isang CSS styleheet. Halimbawa, upang salungguhitan ang lahat ng mga heading ng antas ng 3, idagdag ang sumusunod na code sa seksyong "style":

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

  4. 4 Lumikha ng isang klase sa CSS upang mabilis na salungguhitan ang teksto. Maaari kang lumikha ng mga klase sa iyong seksyon ng estilo o istilo> upang tawagan sila sa paglaon. Ang klase ay maaaring bigyan ng anumang pangalan.

    html> ulo> istilo> .underline {text-dekorasyon: salungguhitan; } / style> / ulo> katawan> Gamitin ang klase na ito para sa div> mabilis na salungguhit / div> iba't ibang mga div> elemento / div> / katawan> / html>

  5. 5 Mag-isip ng iba pang mga paraan upang mai-highlight ang teksto. Inirerekumenda naming iwasan ang pag-underline upang maiwasan ang mga nakalilito na mga gumagamit. Mas mahusay na gamitin ang tag na em> upang gawing italic ang teksto. Gumamit ng CSS upang magdagdag ng iba pang mga pagpipilian sa estilo sa tag na ito.

    html> ulo> istilo> nila {kulay: pula; } / style> / ulo> katawan> Anumang bagay sa "em" na elemento ay itataliko (bilang default) at may kulay ding pula / em> salamat sa mga karagdagang pagpipilian ng istilo. / katawan> / html>

Paraan 2 ng 2: Pamamaraan ng Legacy

  1. 1 Iwasang gamitin ang lumang u> / u> mga tag. Hindi na ginagamit ang mga ito, na nangangahulugang gumagana pa rin ang mga tag na ito, ngunit pinanghihinaan ng loob o pinanghinaan ng loob. Ito ay dahil ang HTML ay hindi inilaan upang ipasadya ang estilo ng nilalaman. Gumagana pa rin ang u> tag, ngunit dapat na kumatawan sa teksto na naiiba sa ibang teksto, tulad ng mga maling nabaybay na salita o wastong pangalan ng Tsino.
  2. 2 Gumamit ng mga u> / u> na tag upang salungguhitan ang mga elemento (para sa pagpapakita lamang). Halos walang isang solong kaso kung saan kailangan mong gamitin ang mga tag na ito. Maaaring kailanganin mong i-edit ang lumang site, kaya pinakamahusay na magkaroon ng kamalayan kung ano ang mga tag.

    html> katawan> Ginawang posible ng lumang HTML u> tag na mabilis na salungguhitan / u> ang mga elemento, ngunit kung ang iba pang mga elemento ng estilo ay hinawakan, ang mga bagay ay naging magulo. Samakatuwid, sa kasalukuyan ginagamit nila ang elemento ng CSS na "text-decoration" para sa pag-underline. / katawan> / html>

Mga Tip

  • Mayroong halos palaging isang mas mahusay na paraan upang i-highlight ang nilalaman sa isang web page kaysa sa salungguhit. Maaaring malito ng underlining ang mga gumagamit. Mag-isip tungkol sa kung paano i-highlight ang teksto gamit ang CSS.