Mācīšanās HTML 7. daļā: Kā izveidot ziņas ar HTML pasvītrām un svītrām

Šajā materiālā es diskutēšu parteksta formatēšana, kas kalpo tam, lai teksts būtu pasvītrots un izsvītrots. Lai izveidotu pasvītrotu tekstu, tiek izmantots tagu pāris . Pēc tam svītrotajam tekstam, piemēram, “~~ķeburs~~", Šim formāta veidam tiek izmantoti trīs tagišis teksts ir tags <strike>, tags <s> un <del>. Trīs tagos, kas parāda svītroto tekstu, noteikti ir atšķirības, kas tiks paskaidrotas turpmāk.

Kā es teicu iepriekšformatēšanai ir divi elementi, proti, loģiskā formatēšana un fiziskā formatēšana. Fizisko formatēšanu izmanto, lai formatētu tekstu teksta raksturlielumos, bet loģiskā formatēšana - lai formatētu tekstu atbilstoši teksta saturam vai saturam. Tagi , <s>, <strike> un <del> ir grupa Fiziskā formatēšana.

Turpmākai apspriešanai apsvērsim teksta skaidrojumu ar pasvītrojumu un zemrakstu:

A. Rakstīšana ar apakšējo rindu

Kā jau minēts iepriekš, jūspasvītrotā formātā var izmantot tagu . Kur tags norāda pasvītrotā teksta sākumu, un tags norāda pasvītrotā teksta beigas.

Šis ir tagu lietošanas piemērs:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Bawah di HTML</title>
</head>
<body>
<u>Tulisan Ini Digaris Bawahi</u>
</body>
</html>

Pēc atvēršanas pārlūkprogrammā rezultāti izskatīsies šādi:

Būtībā tagu atbalsta tikai HTML 4.01, nevis HTML5. Iemesls ir tāpēc, ka tagu jau var aizstāt, izmantojot CSS teksta rotājums: pasvītrots.

Šeit ir CSS izmantošanas piemērs teksta pasvītrošanai:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Bawah di HTML</title>
<style type="text/css">
h4{
text-decoration: underline;
}
</style>
</head>
<body>
<h4>Tulisan Ini Digaris Bawahi</h4>
</body>
</html>

Pēc atvēršanas pārlūkprogrammā rezultāti izskatīsies šādi:

B. Amati ar rakstāmrakstiem

Lai teksta rakstīšanas efekts būtu izsvītrotsvar izmantot tagus <s>, <strike> un <del>. Ja abi trīs tagi pārlūkā tiek parādīti vienā formā, ti, teksts ir izsvītrots. Šeit ir šo trīs tagu izmantošanas piemērs:

<html>
<head>
<title>Teks dengan Coretan di HTML</title>
</head>
<body>
<s>Lihat Ini Tulisannya Dicoret</s><br>
<strike>Lihat Ini Tulisannya Dicoret</strike><br>
<del>Lihat Ini Tulisannya Dicoret</del><br>
</body>
</html>

Pēc atvēršanas pārlūkprogrammā rezultāti izskatīsies šādi:

Skatīts no augšējā attēla, vizuāli ieslēgtsPārlūkprogrammā absolūti nav atšķirības starp trim, taču lietošanas un nozīmes ziņā tām ir atšķirības. Pirmkārt, tags <s> ir pārsvītrojuma saīsinājums, kas tekstu liek izsvītrot. HTML 4.01 teksta izsvītrošanā, izmantojot tagu <s>, nav nekādas nozīmes, tā ir tikai tāda teksta formāta forma, kas parāda tekstu ar pārsvītrojumu. Tā kā HTML5 tagā <s> izmanto, lai definētu labojamo tekstu (vairs nav pareizs).

Otrkārt, del un streika tagi darbojas kopālai parādītu izsvītrotu tekstu tādā nozīmē, ka teksts ir nepareizs vai izdzēsts. Treškārt, patiešām del un streikot tagiem ir viena un tā pati funkcija, atšķirība ir tā, ka streika tagus, kuru izcelsme ir HTML 4.0.1, vairs neatbalsta HTML5, jo tie jau tiek uzskatīti par novecojušiem (nav ieteicami lietošanai un tīmekļa pārlūkprogrammas tos var neatbalstīt). Tikmēr tagu <del> joprojām atbalsta HTML5.

Elementam <del> ir vairāki atribūti, tostarp:

Atribūts	Funkcija
Datuma laiks	Norāda datumu un laiku, kad teksts tika izsvītrots vai izdzēsts
Cite	Norāda dokumenta vietrādi URL, kas izskaidro, kāpēc teksts tika izdzēsts vai izsvītrots

CSS lielākajā daļā pārlūkprogrammu tiek parādīti elementi <s> un <del> ar fiksētām vērtībām, t.i. teksta noformējums: caurspīdīgs.

Tagad jums ir jāsaprot funkcijano iepriekš aprakstītajām atzīmēm. Nākamā HTML apmācība ir par virsraksta, apakšindeksa, mazu un marķētu teksta elementu izmantošanu, lai uzzinātu vairāk par teksta formatēšanu HTML formātā.

Lasīt vairāk: