Jezik za označavanje hiperteksta (HTML) jezik je prednjeg dijela koji se koristi za dizajn i razvoj web stranice. HTML je osnovni jezik svih jezika koji se koriste za oblikovanje statičkih ili dinamičkih web stranica. HTML ima mnogo funkcija koje su potrebne pri projektiranju. Uz pomoć oznaka, naredbi napisanih u uglatim zagradama, dizajnirana je web stranica. HTML omogućuje korisniku stvaranje ili uređivanje teksta, slike ili bilo kojeg drugog elementa poput bilo kojeg uređivača teksta, npr. Microsoft Worda. Sadržaj HTML -a je tekst, slika, boja, dizajn itd. Dizajn je vrlo važan dio jer je odgovoran za ukrašavanje teksta. Kurziv teksta jedan je od primjera oblikovanja teksta. Ovaj je element važan za naglašavanje ili privlačenje pozornosti korisnika. Neki od primjera istaknuti su u ovom vodiču.
Potrebne osnove
HTML zahtijeva dva alata za projektiranje i razvoj web stranice. Jedan je uređivač teksta koji je potreban za upisivanje html koda u njega. To može biti bilo koji uređivač teksta koji vam je na raspolaganju, npr. Bilježnica, bilježnica ++, uzvišena, vizualni studio itd. Drugi je preglednik na vašem računalu, Google Chrome, internetski istraživač itd. U ovom smo članku koristili bilježnicu i Google chrome. Za oblikovanje statičke stranice potreban vam je HTML i za oblikovanje CSS stilske tablice. Svaki od njih koristi se u ovom vodiču s primjerima.
HTML format
Da bismo objasnili dizajn kurzivnog teksta, prvo razumijemo kôd html -a. HTML kod ima dva dijela. Jedan je dio glave, a drugi u tijelu. Naslov uključujemo u dio glave; ovaj naslov je zapravo naslov stranice. Unutarnje oblikovanje također se vrši unutar tijela. Dok tijelo sadrži sve ostale oznake povezane s tekstom, slikom i bojom itd. Osim toga, sve što želite dodati html stranici zapisano je u dijelu tijela html koda.
< html >
< glava >...</ glava >
< tijelo >….</ tijelo >
</ html >
Slika ispod je primjer koda HTML -a. Možete vidjeti da je naziv naslova napisan unutar dijela glave. Istodobno, dodali smo odlomak u tijelo html -a pomoću oznake
. tada se body tag i html oznake zatvaraju.
Ispis ovog uzorka vidi se u pregledniku. Možete vidjeti da je naziv naslova prikazan u nazivu kartice, koji smo deklarirali u zaglavlju html koda.
HTML ima oznake za otvaranje i zatvaranje za sve oznake napisane unutar njegova tijela. Nakon što se kôd otvori mora se zatvoriti nakon pisanja teksta između njega. Oznaka je zatvorena kosom crtom. Kôd se tada sprema u datoteku bilježnice. Jedna stvar koju treba imati na umu je da se prilikom spremanja koda datoteka uređivača teksta mora spremiti s html ekstenzijom. Na primjer, sample.html. tada ćete vidjeti da je datoteka spremljena s ikonom trenutnog preglednika koji koristite u tu svrhu.
Ovo je bila pozadina projektiranja u html -u. Sada ćemo upotrijebiti jednostavan primjer kako bismo tekst učinili kurzivom.
Primjer 1
Uzmite bilježnicu i napišite jednostavan html kôd kako je prethodno opisano u ovom vodiču. Dodajte dio od dva retka u dio tijela. Da bi tekst bio kurzivan. Upotrijebite oznaku na početku riječi koje želite biti u kurzivnom obliku
< i > ……</ i >Ovo je oznaka za kurzivni tekst. Kao što možete vidjeti na donjoj slici, je početna oznaka napisana na početku i je završna oznaka. Zatvorite tijelo i html.
Sada spremite datoteku i pokrenite je u pregledniku kako biste vidjeli izlaz datoteke.
Iz izlaza možete vidjeti da je rečenica koju smo učinili kurzivom u kodu u kurzivnom obliku, dok se prva rečenica pojavila u normalnom formatu.
Primjer 2
U ovom primjeru napravit ćemo određenu riječ u kurzivnom obliku umjesto cijele rečenice teksta. oznake za otvaranje i zatvaranje koriste se u cijelom odlomku, gdje god želimo učiniti tekst kurzivnim u rečenici.
Sada još jednom spremite datoteku, a zatim je pokrenite u pregledniku. Možete vidjeti da je neki određeni dio teksta u kurzivnom obliku koji želimo učiniti kurzivnim u kodu.
Primjer 3
Osim korištenja oznaku u tekstu, postoji još jedna metoda za izradu teksta u kurzivnom obliku. Ovo je pristup kojim se naglašava dio teksta. Ova oznaka također ima oznake za otvaranje i zatvaranje. Sintaksa koja se za to koristi je;
< u >….</ u >Tekst je napisan između dvije oznake; u ovom primjeru koristili smo ovu oznaku dva puta u odlomku. Pogledajmo sliku koda postavljenog ispod.
U obje rečenice smo koristili jednom u odlomku. Izlaz se dobiva pokretanjem html datoteke u formatu preglednika.
Primjer 4
Ovo je primjer u kojem smo koristili drugi pristup za prikaz riječi u kurzivnom obliku. Podrazumijeva uporabu u tekstu. U ovom primjeru primijenili smo ovu oznaku na cijeli tekst napisan u tijelu html -a.
< Navesti > ……</ citat > 
Nakon zatvaranja svih oznaka, pokrenite datoteku u pregledniku.
Primjer 5
Do sada smo raspravljali o umetnutom stilu teksta. Izrada kurzivnog oblika teksta također se odnosi na stiliziranje i oblikovanje teksta. Styling je tri vrste. Jedan je linijski, drugi unutarnji, a treći vanjski. Ugrađeno oblikovanje vrši se unutar oznake. Unutarnje je napisano unutar tijela glave. Vanjsko oblikovanje izvedeno je u drugoj datoteci s nastavkom .css.
Ovo je primjer inline css -a; ovdje smo napisali kôd unutar oznaka odlomka. Izjavu o stilu kao font-stil proglasili smo kurzivom. Ova izjava je zapisana unutar oznake, pa neće imati nikakvu završnu oznaku, kao što možete vidjeti na gornjoj slici. Sada zatvorite sve oznake i pokrenite ih u pregledniku. Pokazuje iste rezultate koje smo željeli.
< str stil=napraviti-stil: kurziv;> 
Primjer 6
Nakon inlinea, sada ćemo dodati primjer unutarnjeg stila. Ovdje se klasa dodaje unutar dijela glave. Zatim se naziv klase deklarira unutar oznake odlomka u tijelu html -a. Tako da je lako dostupan.
< glava >< stil >
.do{
Napraviti-stil: kurziv;
}
</ stil ></ glava >
Možete vidjeti da je klasa inicijalizirana metodom dot. U kodu postoje dva odlomka; ovaj smo styling primijenili na jedan od njih. Stoga je korisno kada želimo oblikovati jedan odlomak.
Deklaracija klase unutar odlomka je;
< str razred=a>< str razred='do'>
Ovo će pristupiti razredu u glavi. Sada pogledajte izlaz. Primijetit ćete da je jedan od paragrafa u kurzivu.
Zaključak
Ovaj članak predstavlja oblikovanje teksta u kurzivnom obliku. Dizajn teksta bitan je dio oblikovanja web stranice.