Kā izveidot treknu un kursīvu virsrakstus HTML

Ievietojiet stila iezīmēšanas tagus kursīvam un treknrakstam HTML galvenes kodu, lai priekšmetu sarakstam pievienotu uzsvaru.

Virsraksti

Virsraksta tagi ir vienkāršākais veids, kā sadalīt dokumentu. Ja jūs domājat par savu vietni kā avīzi, tad virsraksti ir laikraksta virsraksti. Galvenais virsraksts ir H1 un nākamie virsraksti ir no H2 līdz H6.

Lai izveidotu HTML, izmantojiet šādus kodus.

Tā ir 1. pozīcija


Tā ir 2. pozīcija


Tā ir 3. pozīcija


Tā ir 4. pozīcija


Tā ir 5. pozīcija

Tā ir 6. pozīcija

Saglabājiet virsrakstus loģiskā secībā - H1 ir pirms H2, kas ir pirms H3 utt.

Neuztraucieties pārāk daudz par to, kā izskatās virsraksti - jums jāizmanto CSS stila virsraksti nevis izmantot virsrakstu ārpus kārtības. Virsraksta tagi ir bloka līmeņa elementi, tāpēc viņi jums ievieto rindu pārtraukumus. Nelieciet rindkopu tagus virsrakstu tagos.

Treknrakstā un kursīvā

Treknrakstā un kursīvā varat izmantot četrus tagus:

  • un treknrakstam
  • un kursīvam

Nav svarīgi, kuru jūs izmantojat. Kaut arī daži dod priekšroku

instagram viewer
un , daudzi cilvēki atrod par "trekniem" un par "kursīvu" ir vieglāk atcerēties.

Lai izveidotu tekstu, vienkārši ieskauj tekstu ar sākuma un beigu tagiem treknrakstā vai kursīvs:

treknrakstā
kursīvs

Jūs varat ligzdot šos tagus (tas nozīmē, ka tekstu var izveidot gan treknrakstā, gan kursīvā), un nav svarīgi, kurš ir ārējais vai iekšējais tags.

Piemēram:

Šis teksts ir treknrakstā

Šis teksts ir treknrakstā

Šis teksts ir kursīvā

Šis teksts ir kursīvā

Šis teksts ir gan treknrakstā, gan kursīvā

Šis teksts ir gan treknrakstā, gan kursīvā

Kāpēc ir divi treknraksta un kursīva tagu komplekti

HTML4 failā un tagi tika uzskatīti par stila tagiem, kas ietekmēja tikai teksta izskatu un neko neteica par taga saturu, un to lietošana tika uzskatīta par sliktu formu. Tad ar HTML5 viņiem tika piešķirta semantiska nozīme ārpus teksta izskata.

HTML5 šajos tagos ir noteikta nozīme:

  • apzīmē tekstu, kas nav svarīgāks par apkārtējo tekstu, bet tipiskā tipogrāfiskā prezentācija ir treknrakstā, piemēram, atslēgvārdi dokumenta abstraktumā vai produktu nosaukumi pārskatā.
  • apzīmē tekstu, kas nav svarīgāks par apkārtējo tekstu, bet tipisks tipogrāfiskais izklāsts ir kursīvs, piemēram, grāmatas nosaukums, tehniskais termins vai frāze citā valodā.
  • apzīmē tekstu, kam ir liela nozīme salīdzinājumā ar apkārtējo tekstu.
  • apzīmē tekstu, kuram ir uzsvērts stress, salīdzinot ar apkārtējo tekstu.

Kursīvs galvenēs

Nekas neliedz jūs izmantot kursīva galvenes tagā, lai gan dažas pārlūkprogrammas var noņemt šo kontekstu. Parasti ir labāk izmantot CSS, lai nodrošinātu redzamā rezultāta sasniegšanu.