Kaip padaryti kursyvo tekstą HTML

How Make Italics Text Html



Hiperteksto žymėjimo kalba (HTML) yra priekinė kalba, naudojama kuriant ir kuriant svetainę. HTML yra pagrindinė visų kalbų kalba, naudojama statiniams ar dinamiškiems tinklalapiams kurti. Html turi daug funkcijų, kurių reikia kuriant. Naudojant žymas, komandas, parašytas kampiniais skliaustuose, sukuriamas tinklalapis. HTML leidžia vartotojui kurti ar redaguoti tekstą, vaizdą ar bet kurį kitą elementą, pvz., Bet kurį teksto rengyklę, t. Y. „Microsoft Word“. HTML turinys yra tekstas, vaizdas, spalva, dizainas ir tt dizainas yra labai svarbi dalis, nes ji yra atsakinga už teksto dekoravimą. Teksto kursyvas yra vienas iš teksto dizaino pavyzdžių. Šis elementas yra svarbus pabrėžiant ar atkreipiant vartotojo dėmesį. Kai kurie pavyzdžiai yra paryškinti šioje pamokoje.

Būtini pagrindai

HTML reikia dviejų įrankių, skirtų svetainei kurti ir kurti. Vienas iš jų yra teksto redaktorius, reikalingas norint į jį įrašyti html kodą. Tai gali būti bet koks jūsų prieigos teksto redaktorius, ty užrašų knygelė, užrašų knygelė ++, didinga, vaizdinė studija ir kt. Antroji yra jūsų kompiuterio naršyklė, „Google Chrome“, interneto naršyklė ir kt. Šiame straipsnyje mes naudojome užrašų knygelę ir Google chrome. Norėdami sukurti statinį puslapį, jums reikia HTML ir stilizuoti CSS stiliaus lapą. Kiekvienas iš jų yra naudojamas šiame vadove su pavyzdžiais.







HTML formatas

Norėdami paaiškinti kursyvo teksto dizainą, pirmiausia suprantame html kodą. HTML kodą sudaro dvi dalys. Viena yra galvos dalis, kita - kūno dalis. Pavadinimą įtraukiame į galvos dalį; šis pavadinimo pavadinimas iš tikrųjų yra puslapio pavadinimas. Vidinis stilius taip pat atliekamas galvos kūno viduje. Nors pagrindiniame tekste yra visos kitos žymos, susijusios su tekstu, vaizdu ir spalva ir kt., Be to, viskas, ką norite pridėti prie html puslapio, yra parašyta html kodo pagrindinėje dalyje.



< html >

< galva >...</ galva >

< kūnas >….</ kūnas >

</ html >

Žemiau pateiktas vaizdas yra HTML kodo pavyzdys. Matote, kad pavadinimo pavadinimas yra parašytas galvos dalies viduje. Tuo pačiu metu, naudodami žymą, pridėjome pastraipą html tekste

. tada uždaryta turinio ir html žymos.







Šio pavyzdžio išvestis matoma naršyklėje. Matote, kad pavadinimo pavadinimas rodomas skirtuko pavadinime, kurį paskelbėme html kodo galvutėje.

HTML turi pradines ir uždaromas žymas visoms žymėms, parašytoms savo kūne. Atidarius kodą, jis turi būti uždarytas, parašius tarp jo tekstą. Etiketė uždaryta su brūkšniu. Tada kodas išsaugomas bloknotų faile. Reikėtų nepamiršti vieno dalyko: išsaugojant kodą, teksto redaktoriaus failas turi būti išsaugotas naudojant html plėtinį. Pavyzdžiui, sample.html. tada pamatysite, kad failas yra išsaugotas su dabartinės naršyklės, kurią naudojate šiuo tikslu, piktograma.



Tai buvo fonas kuriant html. Dabar teksto kursyvu paversime paprastu pavyzdžiu.

1 pavyzdys

Paimkite užrašų knygelės failą ir parašykite paprastą html kodą, kaip aprašyta anksčiau šiame vadove. Prie kūno dalies pridėkite dviejų eilučių pastraipą. Kad tekstas būtų kursyvu. Naudokite žymą žodžių, kuriuos norite būti kursyvu, pradžioje

< i > ……</ i >

Tai žymė tekstui pasvirinti. Kaip matote žemiau esančiame paveikslėlyje, yra pradinė žyma, parašyta pradžioje ir yra uždarymo žyma. Uždarykite korpusą ir html.

Dabar išsaugokite failą ir paleiskite jį naršyklėje, kad pamatytumėte failo išvestį.

Iš išvesties galite pastebėti, kad sakinys, kurį kodu padarėme kursyvu, yra kursyvu, o pirmasis sakinys pasirodė įprastu formatu.

2 pavyzdys

Šiame pavyzdyje vietoj viso teksto sakinio padarysime konkretų žodį kursyvu. atidarymo ir uždarymo žymos naudojamos visoje pastraipoje, kur tik norime, kad sakinyje tekstas būtų kursyvus.

Dabar dar kartą išsaugokite failą ir paleiskite jį naršyklėje. Matote, kad tam tikra teksto dalis yra kursyvine forma, kurią norime kodu padaryti kursyvu.

3 pavyzdys

Be to, naudojant žyma tekste, yra dar vienas būdas sukurti tekstą kursyvu. Taip pabrėžiama tam tikra teksto dalis. Ši žyma taip pat turi atidarymo ir uždarymo žymas. Tam naudojama sintaksė;

< į >….</ į >

Tekstas rašomas tarp dviejų žymų; šiame pavyzdyje pastraipoje šią žymą naudojome du kartus. Pažiūrėkime žemiau pateiktą kodo vaizdą.

Abiejuose sakiniuose mes vartojome vieną kartą pastraipoje. Išvestis gaunama paleidus html failą naršyklės formatu.

4 pavyzdys

Tai yra pavyzdys, kuriame mes panaudojome kitą metodą, norėdami parodyti žodžius kursyvu. Tai reiškia naudojimą tekste. Šiame pavyzdyje šią žymą pritaikėme visam tekstui, parašytam html tekste.

< Cituoti > ……</ citata >

Uždarę visas žymas, paleiskite failą naršyklėje.

5 pavyzdys

Iki šiol aptarėme teksto įterpimo stilių. Kursyvinė teksto forma taip pat reiškia teksto stilių ir dizainą. Stilius yra trijų tipų. Vienas yra įterptas, antrasis - vidinis, o trečiasis - išorinis. Įterptas stilius atliekamas etiketėje. Viduje rašoma galvos kūno viduje. Išorinis stilius atliekamas kitame faile su plėtiniu .css.

Tai yra įterptųjų css pavyzdys; čia mes parašėme kodą pastraipos žymų viduje. Paskelbėme stiliaus teiginį kaip šrifto stilių kursyvu. Šis teiginys yra parašytas žymos viduje, todėl jame nebus uždarymo žymos, kaip matote aukščiau esančiame paveikslėlyje. Dabar uždarykite visas žymas ir paleiskite jas naršyklėje. Tai rodo tuos pačius rezultatus, kokių norėjome.

< p stilius=padaryti-stilius: kursyvas;>

6 pavyzdys

Po įtraukimo dabar pridėsime vidinio stiliaus pavyzdį. Čia klasė pridedama galvos dalies viduje. Tada klasės pavadinimas deklaruojamas html teksto pastraipos žymos viduje. Kad jis būtų lengvai pasiekiamas.

< galva >

< stilius >

{

Padaryti-stilius: kursyvas;

}

</ stilius ></ galva >

Matote, kad klasė inicijuojama taškiniu metodu. Kodekse yra dvi pastraipos; mes pritaikėme šį stilių vienai iš jų. Taigi tai naudinga, kai norime suformatuoti vieną pastraipą.

Klasės deklaracija pastraipos viduje yra;

< p klasė=a>
< p klasė='iki'>

Tai pateks į klasę galvoje. Dabar pažiūrėkite išvestį. Pastebėsite, kad viena iš pastraipų yra kursyvu.

Išvada

Šiame straipsnyje pateikiamas teksto formatavimas kursyvu. Teksto kūrimas yra esminė tinklalapio kūrimo dalis.