Pasvītrojiet tekstu HTML

Autors: John Pratt
Radīšanas Datums: 17 Februāris 2021
Atjaunināšanas Datums: 1 Jūlijs 2024
Anonim
Pasvītrojiet tekstu HTML - Padomi
Pasvītrojiet tekstu HTML - Padomi

Saturs

Iepriekš pasvītrojums HTML bija teksta iekļaušana starp tagiem u> / u>, taču kopš tā laika šī metode ir novecojusi par labu daudzpusīgākai CSS. Pasvītrojums tīmekļa lapās parasti tiek uzskatīts par neērtu veidu, kā uzsvērt noteiktu teksta sadaļu. Tas ir tāpēc, ka pasvītrotais teksts ir viegli sajaucams ar saiti.

Lai soli

1. metode no 2: Pašreizējā metode

  1. Izmantojiet teksta noformēšanas rekvizītu savā CSS stilā. U> taga izmantošana vairs nav piemērots veids, kā pasvītrot tekstu. Tā vietā mēs izmantojam CSS rekvizītu "text-decoration".
    • Tas atvieglo koda modificēšanu, lai jums nekas nebūtu jāmaina par veco kodu, ja tas ir kļuvis nelietojams.
  2. Izmantojiet tagu span>, ja vēlaties pasvītrot noteiktu teksta daļu. Novietojiet sākuma tagu kopā ar rekvizītu "text-decoration" vietā, kur vēlaties sākt pasvītrojumu. Novietojiet beigu atzīmi / laidumu> vietā, kur jāpārtrauc pasvītrojums.

    span style = "text-decoration: underline;"> Tas tiks pasvītrots./span>

  3. Deklarējiet HTML elementus lapas stilā>. To var izdarīt arī CSS stila lapā. Pasvītrojumu var padarīt daudz vienkāršāku, saistot stilu ar HTML elementu. Piemēram, lai pasvītrotu visas 3. līmeņa galvenes, pievienojiet šādu CSS stilu:

    html> head> style> h3 {text-decoration: pasvītrot; } / style> / head> body> h3> Šī virsraksts ir pasvītrots / h3> / body> / html>

  4. Izveidojiet CSS klasi, lai jebkurā laikā ātri pasvītrotu. Jūs varat izveidot klases savā stila lapā vai stilā>, lai tos vēlāk izsauktu. Klasei var būt jebkurš vēlamais vārds.

    html> head> style>. Underline {text-decoration: pasvītrot; } / style> / head> body> Jūs varat izmantot šo klasi, lai ātri pasvītrotu div> / div> no dažādām daļām div> no sava satura / div> / body> / html>

  5. Apsveriet citas teksta akcentēšanas metodes. Jāizvairās no pasvītrošanas, lai lasītājs neradītu neskaidrības. Populāra metode ir izmantot tagu em>, kas tekstu padara kursīvu. Varat izmantot CSS, lai sīkāk norādītu šo tagu, lai iegūtu unikālu uzsvara veidu.

    html> head> style> em {color: red; } / style> / head> body> Viss em elementa iekšpusē tiks em> kursīvs (noklusējuma iestatījumu dēļ) un sarkans / em> iepriekš pievienotā stila dēļ. / body> / html>

2. metode no 2: novecojusi metode

  1. Izvairieties no veco u> / u> tagu izmantošanas. Tie ir "neuzdrošināti", tas nozīmē, ka tas joprojām darbojas, bet vairs netiek lietoti vai ieteikti. Tas tāpēc, ka HTML principā nav paredzēts kā iezīmēšanas valoda. U> tags joprojām darbosies, taču tagad tas ir paredzēts, lai norādītu tekstu, kas atšķiras no cita teksta, piemēram, nepareizi uzrakstītu vārdu vai ķīniešu īpašvārdus.
  2. Pasvītrojumam izmantojiet tagu u> / u> (tikai ilustratīviem nolūkiem). Nekādā gadījumā nevajadzētu atkārtoti izmantot šo metodi. Var būt labi zināt, kā tas tika izmantots, ja jums jāatjaunina vecāka vietne.

    html> body> Izmantojot veco tagu u> HTML, jūs varētu ātri pasvītrot lietas / u>, bet lietas ātri kļūst nesakārtotas, ja tika izmantoti citi stila elementi. Tāpēc mēs tagad pasvītrojam "teksta apdari" ar CSS elementu. / body> / html>

Padomi

  • Gandrīz vienmēr ir labāks veids, kā kaut ko uzsvērt tīmekļa lapā, nekā ar pasvītrojumu. Lasītājiem tas var būt ļoti mulsinošs. Padariet savu tekstu skaistāku, izmantojot CSS, lai tas izceltos pozitīvi.