Jezik označevanja hiperteksta (HTML) je vmesni jezik, ki se uporablja za oblikovanje in razvoj spletnega mesta. HTML je osnovni jezik vseh jezikov, ki se uporabljajo za oblikovanje statičnih ali dinamičnih spletnih strani. Html ima številne funkcije, ki so potrebne pri oblikovanju. S pomočjo oznak, ukazov, napisanih v oglatih oklepajih, se oblikuje spletna stran. HTML uporabniku omogoča ustvarjanje ali urejanje besedila, slike ali katerega koli drugega elementa, kot je kateri koli urejevalnik besedil, npr. Microsoft Word. Vsebina HTML -ja je besedilo, slika, barva, oblika itd. Oblikovanje je zelo pomemben del, saj je odgovorno za okrasitev besedila. Ležeče besedilo je en primer oblikovanja besedila. Ta element je pomemben pri poudarjanju ali vzbujanju pozornosti uporabnika. Nekateri primeri so poudarjeni v tej vadnici.
Potrebne osnove
HTML za oblikovanje in razvoj spletnega mesta zahteva dve orodji. Eden je urejevalnik besedil, ki je potreben za vpis html kode. To je lahko kateri koli urejevalnik besedil v vašem dostopu, npr. Beležnica, beležka ++, vzvišen, vizualni studio itd. Drugi je brskalnik v računalniku, Google Chrome, internetni raziskovalec itd. V tem članku smo uporabili beležnico in Google chrome. Za oblikovanje statične strani potrebujete HTML in oblikovanje slogovnega lista CSS. Vsak od njih je v tem priročniku uporabljen s primeri.
HTML format
Za razlago zasnove kurzivnega besedila najprej razumemo kodo html. Html koda ima dva dela. Eden je del glave, drugi pa telo. V naslov vključimo naslov; to ime naslova je pravzaprav naslov strani. Notranje oblikovanje se izvaja tudi znotraj telesa glave. Medtem ko telo vsebuje vse druge oznake, povezane z besedilom, sliko in barvo itd., Poleg tega, kar želite dodati strani html, je zapisano v delu telesa kode html.
< html >
< glavo >...</ glavo >
< telo >….</ telo >
</ html >
Spodnja slika je vzorčna koda HTML. Vidite lahko, da je ime naslova napisano znotraj glave. Hkrati smo z oznako dodali odstavek v telesu html
. potem sta oznaki body in html zaprti.
Rezultat tega vzorca je viden v brskalniku. Vidite, da je ime naslova prikazano v imenu zavihka, ki smo ga navedli v glavi kode html.
HTML ima odpiranje in zapiranje oznak za vse oznake, zapisane v njegovem telesu. Ko je koda odprta, jo morate po pisanju besedila zapreti. Oznaka je zaprta s poševnico. Koda se nato shrani v datoteko beležnice. Ne pozabite, da je treba datoteko urejevalnika besedil med shranjevanjem kode shraniti s pripono html. Na primer sample.html. potem boste videli, da je datoteka shranjena z ikono trenutnega brskalnika, ki ga uporabljate v ta namen.
To je bilo ozadje oblikovanja v html -ju. Zdaj bomo uporabili preprost primer za poševno besedilo.
Primer 1
Vzemite datoteko beležnice in napišite preprosto html kodo, kot je opisano prej v tem priročniku. V odsek telesa dodajte odstavek dveh vrstic. Da bi bilo besedilo poševno. Uporabite oznako na začetku besed, ki jih želite imeti v poševni obliki
< jaz > ……</ jaz >To je oznaka za poševno besedilo. Kot lahko vidite na spodnji sliki, je začetna oznaka, napisana na začetku in je zaključna oznaka. Zapri telo in html.
Zdaj shranite datoteko in jo zaženite v brskalniku, da vidite izhod datoteke.
Iz izhoda lahko opazite, da je stavek, ki smo ga naredili poševno v kodi, v poševni obliki, medtem ko se je prvi stavek pojavil v običajni obliki.
Primer 2
V tem primeru bomo namesto celotnega stavka besedila napisali določeno besedo v poševni obliki. Odpiralne in zapiralne oznake se uporabljajo v celotnem odstavku, kjer koli želimo, da je besedilo v stavku poševno.
Zdaj še enkrat shranite datoteko in jo nato zaženite v brskalniku. Vidite lahko, da je določen del besedila v poševni obliki, ki ga želimo narediti poševno v kodi.
Primer 3
Poleg uporabe oznako v besedilu, obstaja še en način za oblikovanje besedila v poševni obliki. To je pristop, da poudarite del besedila. Ta oznaka ima tudi začetne in zaključne oznake. Zanj uporabljena skladnja je;
< v >….</ v >Besedilo je napisano med obema oznakama; v tem primeru smo to oznako v odstavku uporabili dvakrat. Poglejmo sliko spodnje kode.
V obeh stavkih smo uporabili enkrat v odstavku. Rezultat je dosežen z zagonom datoteke html v obliki brskalnika.
Primer 4
To je primer, v katerem smo uporabili drug pristop za prikaz besed v poševni obliki. Pomeni uporabo v besedilu. V tem primeru smo to oznako uporabili za celotno besedilo, zapisano v telesu html.
< Citiraj > ……</ kvota > 
Ko zaprete vse oznake, zaženite datoteko v brskalniku.
Primer 5
Doslej smo razpravljali o vrstnem slogu besedila. Ustvarjanje poševne oblike besedila se nanaša tudi na oblikovanje in oblikovanje besedila. Styling je treh vrst. Ena je vgrajena, druga je notranja, tretja pa zunanja. Inline styling je narejen znotraj oznake. Notranjost je napisana v telesu glave. Zunanje oblikovanje je narejeno v drugi datoteki s končnico .css.
To je primer inline css; tukaj smo kodo zapisali znotraj oznak odstavka. Izjavo o slogu smo kot slog pisave razglasili za poševno. Ta stavek je zapisan v oznaki, zato ne bo imel nobene zaključne oznake, kot lahko vidite na zgornji sliki. Zdaj zaprite vse oznake in jih zaženite v brskalniku. Prikazuje enake rezultate, kot smo si jih želeli.
< str slog=naredi-slog: poševno;> 
Primer 6
Po vrstnem redu bomo zdaj dodali primer notranjega oblikovanja. Tu je v glavnem delu dodan razred. Nato se ime razreda razglasi znotraj oznake odstavka v telesu html. Tako, da je lahko dostopen.
< glavo >< slog >
.to{
Ustvari-slog: poševno;
}
</ slog ></ glavo >
Vidite lahko, da je razred inicializiran z metodo dot. V kodi sta dva odstavka; na enega od njih smo uporabili ta styling. Zato je uporaben, če želimo oblikovati en odstavek.
Izjava o razredu znotraj odstavka je;
< str razred=a>< str razred='do'>
To bo omogočilo dostop do razreda v glavi. Zdaj si oglejte izhod. Opazili boste, da je eden od odstavkov poševen.
Zaključek
Ta članek predstavlja oblikovanje besedila v poševni obliki. Oblikovanje besedila je bistven del oblikovanja spletne strani.