Hüperteksti märgistuskeel (HTML) on kasutajaliides, mida kasutatakse veebisaidi kujundamiseks ja arendamiseks. HTML on kõigi keelte põhikeel, mida kasutatakse staatiliste või dünaamiliste veebilehtede kujundamisel. Html -l on palju funktsioone, mida projekteerimisel nõutakse. Siltide, nurksulgudes kirjutatud käskude abil kujundatakse veebileht. HTML võimaldab kasutajal luua või muuta teksti, pilti või mõnda muud elementi, näiteks mis tahes tekstiredaktorit, st Microsoft Wordi. HTML -i sisu on tekst, pilt, värv, kujundus jne. Disain on väga oluline osa, kuna see vastutab teksti kaunistamise eest. Teksti kaldkirjas asetamine on üks näide teksti kujundamisest. See element on oluline kasutaja tähelepanu rõhutamisel või juhtimisel. Mõned näited on selles õpetuses esile tõstetud.
Nõutavad põhitõed
HTML nõuab veebisaidi kujundamiseks ja arendamiseks kahte tööriista. Üks neist on tekstiredaktor, mis on vajalik html -koodi kirjutamiseks. See võib olla mis tahes teie juurdepääsuga tekstiredaktor, st märkmik, märkmik ++, ülev, visuaalne stuudio jne. Teine on teie arvuti brauser, Google Chrome, Interneti -uurija jne. Selles artiklis oleme kasutanud märkmikke ja Google chrome. Staatilise lehe kujundamiseks vajate HTML -i ja CSS -i stiililehe kujundamiseks. Kõiki neid kasutatakse käesolevas juhendis koos näidetega.
HTML -vormingus
Kaldkirjas kujunduse selgitamiseks mõistame kõigepealt html -koodi. Html -kood koosneb kahest osast. Üks on peaosa ja teine kehas. Pealkirja lisame peaosa; see pealkirja nimi on tegelikult lehe pealkiri. Sisemine stiil tehakse ka pea keha sees. Põhiosas on aga kõik muud sildid, mis on seotud teksti, pildi ja värviga jne. Peale selle kirjutatakse html -koodi põhiosasse kõik, mida soovite html -lehele lisada.
< html >
< pea >...</ pea >
< keha >….</ keha >
</ html >
Allolev pilt on HTML -i näidiskood. Näete, et pealkirja nimi on kirjutatud peaosa sisse. Samal ajal oleme märgendi abil lisanud html -i kehasse lõigu
. siis suletakse keha silt ja html -sildid.
Selle proovi väljundit kuvatakse brauseris. Näete, et pealkirja nimi on kuvatud vahekaardi nimes, mille oleme html -koodi päises deklareerinud.
HTML -il on ava- ja lõppsildid kõikide keha sisemiste siltide jaoks. Kui kood on avatud, tuleb see pärast teksti kirjutamist sulgeda. Silt on suletud kaldkriipsuga. Seejärel salvestatakse kood märkmiku faili. Üks asi, mida tuleks meeles pidada, on see, et koodi salvestamise ajal tuleb tekstiredaktori fail salvestada koos html -laiendiga. Näiteks sample.html. siis näete, et fail on salvestatud praeguse brauseri ikooniga, mida sel eesmärgil kasutate.
See oli HTML -is kujundamise taust. Nüüd kasutame teksti kursiiviks muutmiseks lihtsat näidet.
Näide 1
Võtke märkmiku fail ja kirjutage lihtne html -kood, nagu on kirjeldatud käesolevas juhendis. Lisage kehaosale lõik kahest reast. Et muuta tekst kursiiviks. Kasutage silti sõnade alguses, mida soovite kaldkirjas esitada
< i > ……</ i >See on märge teksti kaldkirjas. Nagu näete alloleval pildil, on algusmärk kirjutatud alguses ja on lõpumärk. Sulgege korpus ja html.
Nüüd salvestage fail ja käivitage see brauseris, et näha faili väljundit.
Väljundist näete, et lause, mille oleme koodis kursiiviks teinud, on kaldkirjas, samas kui esimene lause ilmus tavalises vormingus.
Näide 2
Selles näites teeme kogu lause asemel konkreetse sõna kaldkirjas. ava- ja lõppsilte kasutatakse kogu lõigus, kus iganes me tahame lauses teksti kursiivseks muuta.
Nüüd salvestage fail uuesti ja käivitage see brauseris. Näete, et teatud osa tekstist on kaldkirjas, mille tahame koodis kursiivseks muuta.
Näide 3
Peale selle kasutamise märgend tekstis, on olemas teine meetod teksti kaldkirjas muutmiseks. See on lähenemine teksti teatud osa rõhutamiseks. Sellel sildil on ka ava- ja sulgemismärgendid. Selle jaoks kasutatav süntaks on;
< sisse >….</ sisse >Tekst on kirjutatud kahe sildi vahele; selles näites oleme seda märgendit lõigus kaks korda kasutanud. Vaatame allpool toodud koodi pilti.
Mõlemas lauses oleme kasutanud üks kord lõigus. Väljund saadakse, käivitades html -faili brauseri vormingus.
Näide 4
See on näide, milles kasutasime sõnade kaldkirjas kuvamiseks teist lähenemisviisi. See tähendab teksti kasutamist. Selles näites oleme selle märgendi rakendanud kogu tekstile, mis on kirjutatud html -i kehasse.
< Tsiteeri > ……</ tsitaat > 
Pärast kõigi siltide sulgemist käivitage fail brauseris.
Näide 5
Siiani oleme arutanud teksti sisemist stiili. Kaldkirjas teksti tegemine viitab ka teksti stiilile ja kujundusele. Stiili on kolme tüüpi. Üks on inline, teine on sisemine ja kolmas on väline. Tekstisisene stiil tehakse märgendi sees. Sisemine on kirjutatud pea keha sisse. Väline stiil tehakse teises failis laiendiga .css.
See on näide sisseehitatud css -st; siin oleme koodi kirjutanud lõigu siltide sisse. Oleme kuulutanud stiililause font-stiilis kursiiviks. See avaldus on kirjutatud sildi sisse, nii et sellel ei ole lõppsilti, nagu näete ülaltoodud pildil. Nüüd sulgege kõik sildid ja käivitage need brauseris. See näitab samu tulemusi, mida oleme soovinud.
< lk stiil=tegema-stiil: kaldkiri;> 
Näide 6
Pärast inline'i lisame nüüd näite sisemisest stiilist. Siin lisatakse peaosa sisse klass. Seejärel deklareeritakse klassi nimi html -i kehas lõigusildi sees. Nii et see on kergesti ligipääsetav.
< pea >< stiil >
.to{
Tegema-stiil: kaldkiri;
}
</ stiil ></ pea >
Näete, et klass lähtestatakse punktmeetodiga. Koodeksis on kaks lõiku; oleme seda stiili rakendanud ühel neist. Seega on see kasulik, kui tahame ühe lõigu vormindada.
Klasside deklaratsioon lõigu sees on;
< lk klassi=a>< lk klassi=''>
Sellega pääseb klassile pähe. Vaadake nüüd väljundit. Te märkate, et üks lõikudest on kaldkirjas.
Järeldus
See artikkel kujutab teksti vormingut kaldkirjas. Teksti kujundamine on veebilehe kujundamise oluline osa.