Kā pasvītrot tekstu HTML

Autors: Clyde Lopez
Radīšanas Datums: 19 Jūlijs 2021
Atjaunināšanas Datums: 1 Jūlijs 2024
Anonim
Html font size and color | How to change html font size and color
Video: Html font size and color | How to change html font size and color

Saturs

Mantotā HTML pasvītrojuma metode ir izmantot tagus u> / u>, bet tagad tā izmanto mūsdienīgu CSS balstītu metodi. Pasvītrojumu uzskata par sliktu veidu, kā pievērst uzmanību tekstam, jo ​​pasvītroto tekstu ir viegli sajaukt ar saiti.

Soļi

1. metode no 2: Mūsdienu metode

  1. 1 Izmantojiet CSS rekvizītu "teksta dekorēšana". Pašlaik tagu u> neizmanto teksta pasvītrošanai.
    • Pievienojot šo īpašumu, jums vairs nebūs jāmaina savs kods, kad vecie tagi tiks noņemti.
  2. 2 Izmantojiet tagu span>, lai pasvītrotu noteiktu teksta daļu. Ievadiet sākuma tagu kopā ar rekvizītu "text-decoration" teksta priekšā, kuru vēlaties pasvītrot. Teksta beigās ievadiet noslēguma tagu / span>.

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

  3. 3 Sadaļā style> norādiet HTML elementus, lai būtu vieglāk pasvītrot. To var izdarīt arī, izmantojot CSS stilu lapu. Piemēram, lai pasvītrotu visus 3. līmeņa virsrakstus, sadaļā “stils” pievienojiet šādu kodu:

    html> galva> stils> h3 {teksta dekorēšana: pasvītrojums; } / style> / head> body> h3> Šī virsraksts tiks pasvītrots / h3> / body> / html>

  4. 4 Izveidojiet CSS klasi, lai ātri pasvītrotu tekstu. Jūs varat izveidot nodarbības savā stila lapā vai stila> sadaļā, lai vēlāk tām piezvanītu. Klasei var dot jebkuru nosaukumu.

    html> galva> stils>. pasvītrot {teksta apdare: pasvītrot; } / style> / head> body> Izmantojiet šo klasi div> ātrai pasvītrošanai / div> dažādiem div> elementiem / div> / body> / html>

  5. 5 Padomājiet par citiem veidiem, kā izcelt tekstu. Mēs iesakām izvairīties no pasvītrošanas, lai nesajauktu lietotājus. Lai tekstu padarītu slīprakstā, labāk izmantot tagu em>. Izmantojiet CSS, lai šim tagam pievienotu citas stila opcijas.

    html> galva> stils> em {krāsa: sarkana; } / style> / head> body> Pateicoties papildu stila opcijām, viss, kas atrodas elementā "em", tiks slīprakstā (pēc noklusējuma) un arī iekrāsots sarkanā krāsā / em>. / body> / html>

2. metode no 2: mantojuma metode

  1. 1 Neizmantojiet vecos u> / u> tagus. Tie ir novecojuši, kas nozīmē, ka šie tagi joprojām darbojas, taču tiek kavēti vai atrunāti. Tas ir tāpēc, ka HTML nav paredzēts, lai pielāgotu satura stilu. Tags u> joprojām darbojas, taču tam ir jāatspoguļo teksts, kas atšķiras no cita teksta, piemēram, nepareizi uzrakstīti vārdi vai ķīniešu vārdi.
  2. 2 Izmantojiet tagus u> / u>, lai pasvītrotu elementus (tikai demonstrācijai). Diez vai ir viens gadījums, kad šie tagi būtu jāizmanto. Jums var būt nepieciešams rediģēt veco vietni, tāpēc vislabāk ir zināt, kas ir tagi.

    html> body> Vecais HTML u> tags ļāva ātri pasvītrot / u> elementus, bet, pieskaroties citiem stila elementiem, viss kļuva haotisks. Tāpēc mūsdienās pasvītrošanai izmanto CSS elementu "teksta dekorēšana". / body> / html>

Padomi

  • Gandrīz vienmēr ir labāks veids, kā izcelt tīmekļa lapas saturu, nekā pasvītrot. Pasvītrošana var mulsināt lietotājus. Padomājiet par to, kā izcelt tekstu, izmantojot CSS.