Limbajul de marcare hipertext (HTML) este un limbaj frontal folosit pentru proiectarea și dezvoltarea unui site web. HTML este limbajul de bază al tuturor limbajelor utilizate pentru a proiecta pagini web statice sau dinamice. Html are multe funcții care sunt necesare în proiectare. Cu ajutorul etichetelor, comenzilor scrise între paranteze unghiulare, este proiectată o pagină web. HTML permite utilizatorului să creeze sau să editeze text, imagine sau orice alt element precum orice editor de text, adică Microsoft Word. Conținutul HTML este text, imagine, culoare, design etc. Designul este o parte foarte importantă, deoarece este responsabil pentru decorarea textului. Punerea cursivului textului este un exemplu de proiectare a textului. Acest element este important în accentuarea sau atragerea atenției utilizatorului. Unele dintre exemple sunt evidențiate în acest tutorial.
Elementele esențiale necesare
HTML necesită două instrumente pentru proiectarea și dezvoltarea unui site web. Unul este un editor de text care este necesar pentru a scrie codul html în el. Poate fi orice editor de text din accesul dvs., adică notepad, notepad ++, sublim, studio vizual etc. Al doilea este un browser de pe computer, Google Chrome, Internet Explorer, etc. În acest articol, am folosit notepad și Google Chrome. Pentru proiectarea paginii statice, aveți nevoie de HTML și pentru stilizarea foii de stil CSS. Fiecare dintre ele este utilizat în acest ghid cu exemple.
Format HTML
Pentru a explica proiectarea textului cursiv, înțelegem mai întâi codul html. Codul HTML are două părți. Una este partea capului, iar alta în corp. Includem titlul în partea de cap; acest nume de titlu este de fapt titlul paginii. Coafarea internă se face și în interiorul corpului capului. În timp ce corpul conține toate celelalte etichete legate de text, imagine și culoare etc., în plus, orice doriți să adăugați la pagina html este scris în partea corpului codului html.
< html >
< cap >...</ cap >
< corp >….</ corp >
</ html >
Imaginea de mai jos este un exemplu de cod HTML. Puteți vedea că numele titlului este scris în porțiunea cap. În același timp, am adăugat un paragraf în corpul html folosind etichetă
. apoi eticheta body și etichetele html sunt închise.
Ieșirea acestui eșantion este văzută în browser. Puteți vedea că numele titlului este afișat în numele filei, pe care l-am declarat în capul codului html.
HTML are etichete de deschidere și închidere pentru toate etichetele scrise în corpul său. Odată ce codul este deschis trebuie închis după ce ați scris text între acesta. Eticheta este închisă cu bară. Codul este apoi salvat în fișierul Notepad. Un lucru care trebuie ținut cont este că, în timp ce salvați codul, fișierul editorului de text trebuie salvat cu extensia html. De exemplu, sample.html. atunci veți vedea că fișierul este salvat cu pictograma browserului curent pe care îl utilizați în acest scop.
Acesta a fost fundalul proiectării în html. Acum vom folosi un exemplu simplu pentru a face textul cursiv.
Exemplul 1
Luați un fișier de notepad și scrieți codul html simplu așa cum este descris anterior în acest ghid. Adăugați un paragraf de două linii în porțiunea corpului. Pentru a face textul cursiv. Folosiți eticheta la începutul cuvintelor pe care doriți să le formați în italic
< eu > ……</ eu >Aceasta este eticheta pentru cursivul textului. După cum puteți vedea în imaginea de mai jos, este eticheta de deschidere scrisă la început și este eticheta de închidere. Închideți corpul și html.
Acum salvați fișierul și rulați-l în browser pentru a vedea ieșirea fișierului.
Din ieșire, puteți observa că propoziția pe care am făcut cursiv în cod este în formă cursivă, în timp ce prima propoziție a apărut într-un format normal.
Exemplul 2
În acest exemplu, vom crea un cuvânt specific în formă de italic în loc de întreaga propoziție a textului. etichetele de deschidere și închidere sunt folosite în întregul paragraf, oriunde dorim să facem textul cursiv în propoziție.
Acum, încă o dată, salvați fișierul și apoi rulați-l în browser. Puteți vedea că o anumită porțiune a textului se află în forma cursivă pe care dorim să o facem cursivă în cod.
Exemplul 3
Pe lângă utilizarea etichetă în text, există o altă metodă pentru a face textul într-o formă italică. Aceasta este abordarea de a sublinia o parte a textului. Această etichetă are și etichete de deschidere și închidere. Sintaxa utilizată pentru aceasta este;
< în >….</ în >Textul este scris între cele două etichete; în acest exemplu, am folosit această etichetă de două ori în paragraf. Să vedem imaginea codului plasat mai jos.
În ambele propoziții, am folosit o dată în paragraf. Ieșirea se obține prin rularea fișierului html în formatul browserului.
Exemplul 4
Acesta este exemplul în care am folosit o altă abordare pentru a arăta cuvintele într-o formă italică. Implică utilizarea textului. În acest exemplu, am aplicat această etichetă întregului text scris în corpul html.
< Cita > ……</ citat > 
După închiderea tuturor etichetelor, rulați fișierul în browser.
Exemplul 5
Până acum, am discutat stilul în linie al textului. Realizarea unei forme italice a textului se referă, de asemenea, la stilul și proiectarea textului. Styling-ul este de trei tipuri. Una este în linie, a doua este internă, iar a treia este externă. Stilizarea în linie se face în cadrul etichetei. Internul este scris în interiorul corpului capului. Și stilul extern se face într-un alt fișier cu extensia .css.
Acesta este un exemplu de css inline; aici, am scris codul în etichetele paragrafului. Am declarat declarația de stil ca font-style ca fiind italic. Această declarație este scrisă în interiorul etichetei, deci nu va avea nicio etichetă de închidere, așa cum puteți vedea în imaginea de mai sus. Acum închideți toate etichetele și rulați-le în browser. Arată aceleași rezultate pe care le-am dorit.
< p stil=face-stil: italic;> 
Exemplul 6
După inline, vom adăuga acum exemplul stilului intern. Aici se adaugă o clasă în interiorul porțiunii de cap. Apoi numele clasei este declarat în interiorul etichetei de paragraf din corpul html-ului. Pentru a fi ușor accesibil.
< cap >< stil >
.la{
Face-stil: italic;
}
</ stil ></ cap >
Puteți vedea că clasa este inițializată cu metoda punct. Există două paragrafe în cod; am aplicat acest stil pe unul dintre ele. Deci, este util atunci când dorim să formatăm un paragraf.
Declarația de clasă din interiorul paragrafului este;
< p clasă=a>< p clasă='la'>
Aceasta va accesa clasa din cap. Acum vedeți rezultatul. Veți observa că unul dintre paragrafe este sub formă de italic.
Concluzie
Acest articol reprezintă formatarea textului în formă de italic. Proiectarea textului este o parte esențială a proiectării unei pagini web.