Hypertextový značkovací jazyk (HTML) je front-endový jazyk používaný k návrhu a vývoji webových stránek. HTML je základní jazyk všech jazyků používaných k navrhování statických nebo dynamických webových stránek. Html má mnoho funkcí, které jsou při navrhování vyžadovány. Pomocí tagů, příkazů napsaných v hranatých závorkách je vytvořena webová stránka. HTML umožňuje uživateli vytvářet nebo upravovat text, obrázek nebo jakýkoli jiný prvek jako jakýkoli textový editor, tj. Microsoft Word. Obsah HTML je text, obrázek, barva, design atd. Design je velmi důležitou součástí, protože je zodpovědný za zdobení textu. Vytvoření textu kurzívou je jedním z příkladů návrhu textu. Tento prvek je důležitý pro zdůraznění nebo upoutání pozornosti uživatele. V tomto kurzu jsou zdůrazněny některé příklady.
Požadované náležitosti
HTML vyžaduje dva nástroje pro návrh a vývoj webových stránek. Jedním z nich je textový editor, do kterého je nutné zapsat html kód. Může to být jakýkoli textový editor ve vašem přístupu, tj. Poznámkový blok, poznámkový blok ++, úžasný, vizuální studio atd. Druhý je prohlížeč ve vašem počítači, Google Chrome, internetový průzkumník atd. V tomto článku jsme použili poznámkový blok a Google Chrome. Pro návrh statické stránky potřebujete HTML a styl CSS stylů. Každý z nich je v této příručce použit s příklady.
HTML formát
Abychom vysvětlili design kurzívy, nejprve porozumíme kódu html. Html kód má dvě části. Jednou je část hlavy a druhou v těle. Titul zařazujeme do hlavní části; tento název titulu je ve skutečnosti název stránky. Vnitřní styling se také provádí uvnitř těla hlavy. Zatímco tělo obsahuje všechny ostatní značky související s textem, obrázkem a barvou atd. Kromě toho, cokoli chcete přidat na stránku html, je zapsáno v hlavní části kódu html.
< html >
< hlava >...</ hlava >
< tělo >….</ tělo >
</ html >
Níže uvedený obrázek je ukázkovým kódem HTML. Můžete vidět, že název titulu je napsán uvnitř části hlavy. Současně jsme přidali odstavec do těla html pomocí tagu
. pak se zavřou tag body a html.
Výstup této ukázky je vidět v prohlížeči. Můžete vidět, že název titulu je uveden v názvu karty, který jsme deklarovali v záhlaví html kódu.
HTML má otevírací a zavírací značky pro všechny značky zapsané v jeho těle. Jakmile je kód otevřen, musí být po psaní textu mezi ním zavřen. Štítek je uzavřen lomítkem. Kód se poté uloží do souboru poznámkového bloku. Jedna věc, kterou je třeba mít na paměti, je, že při ukládání kódu musí být soubor textového editoru uložen s příponou html. Například sample.html. pak uvidíte, že soubor je uložen s ikonou aktuálního prohlížeče, který k tomuto účelu používáte.
To bylo pozadí navrhování v html. Nyní použijeme jednoduchý příklad na úpravu textu kurzívou.
Příklad 1
Vezměte si soubor poznámkového bloku a napište jednoduchý html kód, jak je popsáno dříve v této příručce. Do části textu přidejte odstavec dvou řádků. Aby byl text kurzívou. Použijte značku na začátku slov chcete, aby byla kurzívou
< já > ……</ já >Toto je značka pro kurzívu textu. Jak vidíte na obrázku níže, je úvodní značka napsaná na začátku a je uzavírací značka. Zavřete tělo a html.
Nyní uložte soubor a spusťte jej v prohlížeči, abyste viděli výstup souboru.
Z výstupu můžete pozorovat, že věta, kterou jsme v kódu označili kurzívou, je psána kurzívou, zatímco první věta se objevila v normálním formátu.
Příklad 2
V tomto příkladu vytvoříme konkrétní slovo kurzívou místo celé věty textu. otevírací a zavírací značky se používají v celém odstavci, kdekoli chceme, aby byl text ve větě kurzívou.
Nyní znovu uložte soubor a poté jej spusťte v prohlížeči. Můžete vidět, že některá konkrétní část textu je ve formě kurzívy, kterou chceme v kódu udělat kurzívou.
Příklad 3
Kromě použití tag v textu, existuje jiná metoda, jak vytvořit text kurzívou. Toto je přístup ke zdůraznění určité části textu. Tato značka má také otevírací a zavírací značky. Použitá syntaxe je;
< v >….</ v >Text je zapsán mezi dvě značky; v tomto příkladu jsme použili tuto značku dvakrát v odstavci. Podívejme se na obrázek kódu umístěného níže.
V obou větách jsme použili jednou v odstavci. Výstup je získán spuštěním souboru html ve formátu prohlížeče.
Příklad 4
Toto je příklad, ve kterém jsme použili jiný přístup k zobrazení slov kurzívou. Znamená to použití textu. V tomto příkladu jsme použili tuto značku na celý text napsaný v těle html.
< Uvést > ……</ citát > 
Po zavření všech značek spusťte soubor v prohlížeči.
Příklad 5
Doposud jsme diskutovali o vloženém stylu textu. Vytvoření kurzívy v textu také odkazuje na styl a design textu. Styling je tří typů. Jeden je vložený, druhý je interní a třetí je externí. Vložený styl se provádí v tagu. Vnitřní je napsáno uvnitř těla hlavy. A externí styl se provádí v jiném souboru s příponou .css.
Toto je příklad vloženého css; zde jsme zapsali kód do tagů odstavce. Deklaraci stylu jsme jako styl písma označili kurzívou. Toto prohlášení je napsáno uvnitř značky, takže nebude mít žádnou uzavírací značku, jak vidíte na výše uvedeném obrázku. Nyní zavřete všechny značky a spusťte je v prohlížeči. Ukazuje stejné výsledky, jaké jsme požadovali.
< p styl=udělat-styl: kurzíva;> 
Příklad 6
Po inline nyní přidáme příklad interního stylingu. Zde je do hlavní části přidána třída. Poté je název třídy deklarován uvnitř značky odstavce v těle html. Tak, aby byl snadno přístupný.
< hlava >< styl >
.na{
Udělat-styl: kurzíva;
}
</ styl ></ hlava >
Můžete vidět, že třída je inicializována metodou tečky. V kódu jsou dva odstavce; tento styl jsme použili na jednom z nich. Je to tedy užitečné, když chceme formátovat jeden odstavec.
Deklarace třídy v odstavci je;
< p třída=a>< p třída='na'>
Tím se dostanete do třídy v hlavě. Nyní se podívejte na výstup. Všimnete si, že jeden z odstavců je ve formě kurzívy.
Závěr
Tento článek představuje formátování textu kurzívou. Textový design je nezbytnou součástí návrhu webové stránky.