Hypertext markup language (HTML) je front-endový jazyk používaný na navrhovanie a vývoj webových stránok. HTML je základným jazykom všetkých jazykov používaných na navrhovanie statických alebo dynamických webových stránok. Html má mnoho funkcií, ktoré sú potrebné pri navrhovaní. Pomocou značiek, príkazov napísaných v hranatých zátvorkách je navrhnutá webová stránka. HTML umožňuje užívateľovi vytvárať alebo upravovať text, obrázky alebo akékoľvek iné prvky, ako napríklad ľubovoľný textový editor, t.j. Microsoft Word. Obsah HTML je text, obrázok, farba, dizajn atď. Dizajn je veľmi dôležitou súčasťou, pretože je zodpovedný za zdobenie textu. Urobenie textu kurzívou je jedným z príkladov navrhovania textu. Tento prvok je dôležitý pri zdôrazňovaní alebo upútaní pozornosti používateľa. V tomto návode sú zdôraznené niektoré z príkladov.
Požadované náležitosti
HTML vyžaduje dva nástroje na navrhovanie a vývoj webových stránok. Jeden je textový editor, ktorý je potrebný na napísanie html kódu. Môže to byť ľubovoľný textový editor, ku ktorému máte prístup, tj. Poznámkový blok, poznámkový blok ++, vynikajúci, vizuálne štúdio atď. Druhým je prehliadač vo vašom počítači, Google Chrome, internetový prieskumník atď. V tomto článku sme použili poznámkový blok a Google chrome. Na návrh statickej stránky potrebujete HTML a na úpravu šablóny so štýlmi CSS. Každý z nich je použitý v tejto príručke s príkladmi.
Formát HTML
Aby sme vysvetlili dizajn kurzívy, najskôr porozumieme kódu html. Html kód má dve časti. Jedna je časť hlavy a druhá v tele. Titul zaraďujeme do hlavovej časti; tento názov titulu je vlastne názvom stránky. Vnútorný štýl sa vykonáva aj vo vnútri tela hlavy. Zatiaľ čo telo obsahuje všetky ostatné značky súvisiace s textom, obrázkom a farbou atď. Okrem toho čokoľvek, čo chcete pridať na stránku html, je zapísané v hlavnej časti kódu html.
< html >
< hlava >...</ hlava >
< telo >….</ telo >
</ html >
Nasledujúci obrázok je ukážkovým kódom HTML. Môžete vidieť, že názov titulu je napísaný vo vnútri časti hlavy. Súčasne sme pridali odsek do tela html pomocou tagu
. potom sa tag body a html zatvoria.
Výstup tejto vzorky je vidieť v prehliadači. Môžete vidieť, že názov názvu je uvedený v názve karty, ktorý sme deklarovali v hlavičke html kódu.
HTML má otváracie a zatváracie značky pre všetky značky zapísané v jeho tele. Akonáhle je kód otvorený, musí byť po napísaní textu medzi ním zatvorený. Značka je uzavretá lomkou. Kód sa potom uloží do súboru poznámkového bloku. Je potrebné mať na pamäti, že pri ukladaní kódu musí byť súbor textového editora uložený s príponou html. Napríklad sample.html. potom uvidíte, že súbor je uložený s ikonou aktuálneho prehliadača, ktorý na tento účel používate.
To bolo pozadie navrhovania v html. Teraz použijeme jednoduchý príklad na to, aby bol text kurzívou.
Príklad 1
Vezmite si súbor poznámkového bloku a napíšte jednoduchý html kód, ako je popísané vyššie v tejto príručke. Do časti tela pridajte odsek dvoch riadkov. Aby bol text kurzívou. Použite značku na začiatku slov chcete, aby boli kurzívou
< i > ……</ i >Toto je značka na zvýraznenie textu. Ako vidíte na nasledujúcom obrázku, súbor je otváracia značka napísaná na začiatku a je záverečná značka. Zatvorte telo a html.
Teraz uložte súbor a spustite ho v prehliadači, aby ste videli výstup súboru.
Z výstupu môžete pozorovať, že veta, ktorú sme v kóde urobili kurzívou, je kurzívou, zatiaľ čo prvá veta bola v normálnom formáte.
Príklad 2
V tomto prípade namiesto celej vety textu urobíme konkrétne slovo kurzívou. otváracie a zatváracie značky sa používajú v celom odseku, kdekoľvek chceme, aby bol text vo vete kurzívou.
Teraz znova uložte súbor a potom ho spustite v prehliadači. Môžete vidieť, že určitá konkrétna časť textu je vo forme kurzívy, ktorú chceme v kóde označiť kurzívou.
Príklad 3
Okrem použitia tag v texte, existuje iná metóda na výrobu textu kurzívou. Toto je prístup k zdôrazneniu určitej časti textu. Tento štítok má tiež otváracie a zatváracie štítky. Použitá syntax je;
< v >….</ v >Text je napísaný medzi týmito dvoma značkami; v tomto prípade sme v odseku použili túto značku dvakrát. Pozrime sa na obrázok kódu umiestnený nižšie.
V oboch vetách sme použili raz v odseku. Výstup sa získa spustením súboru html vo formáte prehliadača.
Príklad 4
Toto je príklad, v ktorom sme použili iný prístup na zobrazenie slov kurzívou. Znamená to použitie textu. V tomto prípade sme túto značku použili na celý text napísaný v tele html.
< Citovať > ……</ citát > 
Po zatvorení všetkých značiek spustite súbor v prehliadači.
Príklad 5
Doteraz sme diskutovali o vloženom štýle textu. Kurzívna forma textu sa týka aj štýlu a dizajnu textu. Styling je troch typov. Jeden je vložený, druhý je vnútorný a tretí je externý. Vložený štýl sa vykonáva v značke. Vnútorné je napísané vo vnútri tela hlavy. Externý štýl sa vykonáva v inom súbore s príponou .css.
Toto je príklad vloženého css; tu sme napísali kód do značiek odseku. Deklaráciu štýlu ako štýl písma sme označili kurzívou. Toto vyhlásenie je napísané vo značke, takže nebude mať žiadnu záverečnú značku, ako vidíte na obrázku vyššie. Teraz zatvorte všetky značky a spustite ich v prehliadači. Ukazuje rovnaké výsledky, ako sme chceli.
< p štýl=urobiť-štýl: kurzíva;> 
Príklad 6
Po vloženom riadku teraz pridáme príklad vnútorného štýlu. Tu je do hlavovej časti pridaná trieda. Potom je názov triedy deklarovaný vo vnútri značky odseku v tele html. Tak, aby bol ľahko dostupný.
< hlava >< štýl >
.to{
Urobiť-štýl: kurzíva;
}
</ štýl ></ hlava >
Môžete vidieť, že trieda je inicializovaná bodovou metódou. V kóde sú dva odseky; tento štýl sme použili na jednom z nich. Je to teda užitočné, keď chceme formátovať jeden odsek.
Vyhlásenie o triede v odseku je;
< p trieda=a>< p trieda=„do“>
Tým sa dostanete do triedy v hlave. Teraz sa pozrite na výstup. Všimnete si, že jeden z odsekov je vo forme kurzívy.
Záver
Tento článok predstavuje formátovanie textu kurzívou. Textový design je základnou súčasťou návrhu webovej stránky.