Kā HTML rakstā izveidot slīprakstu

How Make Italics Text Html



Hiperteksta iezīmēšanas valoda (HTML) ir priekšpuses valoda, ko izmanto vietnes izstrādei un izstrādei. HTML ir visu valodu pamatvaloda, ko izmanto, lai veidotu statiskas vai dinamiskas tīmekļa lapas. Html ir daudzas funkcijas, kas nepieciešamas projektēšanā. Izmantojot tagus, komandas, kas rakstītas leņķa iekavās, tiek veidota tīmekļa lapa. HTML ļauj lietotājam izveidot vai rediģēt tekstu, attēlu vai jebkuru citu elementu, piemēram, jebkuru teksta redaktoru, t.i., Microsoft Word. HTML saturs ir teksts, attēls, krāsa, dizains utt. Dizains ir ļoti svarīga daļa, jo tā ir atbildīga par teksta noformēšanu. Teksta slīpraksts ir viens no teksta noformēšanas piemēriem. Šis elements ir svarīgs, lai uzsvērtu vai piesaistītu lietotāja uzmanību. Daži piemēri ir uzsvērti šajā apmācībā.

Nepieciešamie pamati

HTML ir nepieciešami divi rīki vietnes izstrādei un izstrādei. Viens no tiem ir teksta redaktors, kas nepieciešams, lai tajā ierakstītu html kodu. Tas var būt jebkurš jūsu piekļuves teksta redaktors, ti, piezīmju grāmatiņa, piezīmju grāmatiņa ++, cildena, vizuālā studija utt. Otrais ir datora pārlūkprogramma, Google Chrome, interneta pārlūks utt. Šajā rakstā mēs izmantojām piezīmju grāmatiņu un Google hroms. Statiskās lapas noformēšanai nepieciešams HTML un CSS stila lapas veidošanai. Katrs no tiem ir izmantots šajā rokasgrāmatā ar piemēriem.







HTML formāts

Lai izskaidrotu slīpraksta teksta dizainu, vispirms mēs saprotam html kodu. Html kodam ir divas daļas. Viena ir galvas daļa, bet otra - ķermenī. Mēs iekļaujam virsrakstu galvas daļā; šis virsraksta nosaukums patiesībā ir lapas nosaukums. Iekšējais stils tiek veikts arī galvas ķermeņa iekšpusē. Tā kā pamattekstā ir visi citi tagi, kas saistīti ar tekstu, attēlu un krāsu utt., Turklāt viss, ko vēlaties pievienot html lapai, tiek ierakstīts html koda pamatdaļā.



< html >

< galvu >...</ galvu >

< ķermenis >….</ ķermenis >

</ html >

Zemāk redzamais attēls ir HTML koda paraugs. Jūs varat redzēt, ka virsraksta nosaukums ir ierakstīts galvas daļā. Tajā pašā laikā mēs esam pievienojuši rindkopu html pamattekstam, izmantojot tagu

. tad ķermeņa tags un html tagi tiek aizvērti.







Šī parauga iznākums ir redzams pārlūkprogrammā. Jūs varat redzēt, ka virsraksta nosaukums ir parādīts cilnes nosaukumā, ko esam deklarējuši html koda galvgalī.

HTML ir atvēršanas un aizvēršanas tagi visiem tagiem, kas rakstīti tās pamattekstā. Kad kods ir atvērts, tas ir jāaizver pēc teksta rakstīšanas starp to. Tags ir aizvērts ar slīpsvītru tajā. Pēc tam kods tiek saglabāts piezīmju grāmatiņas failā. Viena lieta, kas jāpatur prātā, ir tas, ka, saglabājot kodu, teksta redaktora fails ir jāsaglabā ar html paplašinājumu. Piemēram, sample.html. tad jūs redzēsit, ka fails ir saglabāts ar pašreizējās pārlūkprogrammas ikonu, kuru izmantojat šim nolūkam.



Tas bija fons projektēšanā html. Tagad mēs izmantosim vienkāršu piemēru, lai tekstu padarītu slīprakstā.

1. piemērs

Paņemiet piezīmju grāmatiņas failu un uzrakstiet vienkāršu html kodu, kā aprakstīts iepriekš šajā rokasgrāmatā. Pamatdaļā pievienojiet divu rindkopu rindkopu. Lai teksts būtu slīprakstā. Izmantojiet tagu to vārdu sākumā, kuriem vēlaties būt slīprakstā

< i > ……</ i >

Šī ir atzīme teksta slīprakstam. Kā redzat zemāk redzamajā attēlā ,. ir sākuma raksts, kas rakstīts sākumā un ir noslēguma birka. Aizveriet korpusu un html.

Tagad saglabājiet failu un palaidiet to pārlūkprogrammā, lai redzētu faila izvadi.

No iznākuma jūs varat novērot, ka teikums, ko kodā esam padarījuši slīprakstā, ir slīprakstā, turpretī pirmais teikums parādījās normālā formātā.

2. piemērs

Šajā piemērā visu teksta teikumu vietā izveidosim konkrētu vārdu kursīvā. atvēršanas un aizvēršanas tagi tiek izmantoti visā rindkopā, kur vien mēs vēlamies teikumā tekstu padarīt slīprakstu.

Tagad vēlreiz saglabājiet failu un pēc tam palaidiet to pārlūkprogrammā. Jūs varat redzēt, ka kāda konkrēta teksta daļa ir slīprakstā, kuru mēs vēlamies kodā padarīt slīprakstu.

3. piemērs

Papildus izmantošanai atzīmi tekstā, pastāv vēl viena metode, kā tekstu veidot slīprakstā. Šī ir pieeja, lai uzsvērtu kādu teksta daļu. Šai atzīmei ir arī sākuma un beigu tagi. Tam izmantotā sintakse;

< iekšā >….</ iekšā >

Teksts ir rakstīts starp abām atzīmēm; šajā piemērā mēs šo tagu rindkopā esam izmantojuši divas reizes. Apskatīsim zemāk ievietotā koda attēlu.

Abos teikumos mēs esam izmantojuši vienreiz punktā. Izvadi iegūst, palaižot html failu pārlūkprogrammas formātā.

4. piemērs

Šis ir piemērs, kurā mēs esam izmantojuši citu pieeju, lai vārdus parādītu slīprakstā. Tas nozīmē izmantošanu tekstā. Šajā piemērā mēs esam izmantojuši šo tagu visam tekstam, kas rakstīts html pamattekstā.

< Citēt > ……</ citāts >

Pēc visu tagu aizvēršanas palaidiet failu pārlūkprogrammā.

5. piemērs

Līdz šim mēs esam apsprieduši teksta iekļauto stilu. Teksta slīpraksta veidošana attiecas arī uz teksta stilu un noformējumu. Stils ir trīs veidu. Viens ir iekļauts, otrs ir iekšējs, bet trešais ir ārējs. Iekļauts stils tiek veikts tagā. Iekšējais ir rakstīts galvas ķermeņa iekšpusē. Un ārējais stils tiek veikts citā failā ar paplašinājumu .css.

Šis ir iekļauto css piemērs; šeit mēs esam ierakstījuši kodu rindkopas tagos. Stila paziņojumu kā fonta stilu esam pasludinājuši par slīprakstu. Šis paziņojums ir rakstīts tagā, tāpēc tam nebūs noslēguma taga, kā redzams iepriekš redzamajā attēlā. Tagad aizveriet visus tagus un palaidiet tos pārlūkprogrammā. Tas parāda tādus pašus rezultātus, kādus mēs vēlējāmies.

< lpp stils=veidot-stils: slīpraksts;>

6. piemērs

Pēc iekļaušanas mēs tagad pievienosim iekšējā stila piemēru. Šeit galvas daļā tiek pievienota klase. Pēc tam klases nosaukums tiek deklarēts rindkopas tagā html pamattekstā. Lai tas būtu viegli pieejams.

< galvu >

< stils >

.to{

Veidot-stils: slīpraksts;

}

</ stils ></ galvu >

Jūs varat redzēt, ka klase ir inicializēta ar punktu metodi. Kodeksā ir divas rindkopas; mēs esam pielietojuši šo stilu vienam no tiem. Tāpēc tas ir noderīgi, ja vēlamies formatēt vienu rindkopu.

Klases deklarācija rindkopas iekšpusē ir;

< lpp klase=a>
< lpp klase='uz'>

Tas piekļūs klasei galvā. Tagad skatiet rezultātu. Jūs ievērosiet, ka viena no rindkopām ir slīprakstā.

Secinājums

Šis raksts attēlo teksta formatējumu slīprakstā. Teksta noformēšana ir būtiska tīmekļa lapas dizaina sastāvdaļa.