El llenguatge de marcatge d’hipertext (HTML) és un llenguatge frontal que s’utilitza per dissenyar i desenvolupar un lloc web. L’HTML és el llenguatge bàsic de tots els idiomes que s’utilitzen per dissenyar pàgines web estàtiques o dinàmiques. Html té moltes funcions que es requereixen en el disseny. Amb l'ajut d'etiquetes, ordres escrites entre claudàtors, es dissenya una pàgina web. HTML permet a l'usuari crear o editar text, imatge o qualsevol altre element com qualsevol editor de text, és a dir, Microsoft Word. El contingut de l’HTML és text, imatge, color, disseny, etc. El disseny és una part molt important, ja que s’encarrega de decorar el text. Posar el text en cursiva és un exemple de dissenyar el text. Aquest element és important per emfatitzar o cridar l'atenció de l'usuari. Alguns dels exemples es destaquen en aquest tutorial.
Elements bàsics necessaris
HTML requereix dues eines per al disseny i el desenvolupament d’un lloc web. Un és un editor de text necessari per escriure-hi el codi html. Pot ser qualsevol editor de text del vostre accés, és a dir, bloc de notes, bloc de notes ++, sublim, estudi visual, etc. El segon és un navegador de l’ordinador, Google Chrome, Internet Explorer, etc. En aquest article hem utilitzat el bloc de notes i Google Chrome. Per dissenyar la pàgina estàtica, necessiteu HTML i per dissenyar el full d’estil CSS. Cadascun d’ells s’utilitza en aquesta guia amb exemples.
Format HTML
Per explicar el disseny del text en cursiva, primer entenem el codi html. El codi HTML té dues parts. Una és la part del cap i una altra al cos. Incloem el títol a la part del cap; aquest nom de títol és en realitat el títol de la pàgina. L’estil intern també es fa a l’interior del cos del cap. Mentre que el cos conté totes les altres etiquetes relacionades amb el text, la imatge i el color, etc. a més, tot el que vulgueu afegir a la pàgina html s'escriu a la part del cos del codi html.
< html >
< cap >...</ cap >
< cos >....</ cos >
</ html >
La imatge següent és un exemple de codi HTML. Podeu veure que el nom del títol està escrit dins de la part del cap. Al mateix temps, hem afegit un paràgraf al cos de html mitjançant l'etiqueta
. després es tanquen l'etiqueta corporal i les etiquetes html.
La sortida d'aquesta mostra es veu al navegador. Podeu veure que el nom del títol es mostra al nom de la pestanya, que hem declarat al cap del codi html.
HTML té etiquetes d'obertura i tancament de totes les etiquetes escrites dins del seu cos. Un cop obert el codi, s’ha de tancar després d’escriure text entre ell. L'etiqueta es tanca amb la barra inclosa. El codi es desa al fitxer del bloc de notes. Una cosa que s’ha de tenir en compte és que mentre es desa el codi, s’ha de desar el fitxer de l’editor de text amb l’extensió html. Per exemple, sample.html. llavors veureu que el fitxer es desa amb la icona del navegador actual que utilitzeu per a aquest propòsit.
Aquest va ser el fons del disseny en HTML. Ara farem servir un exemple senzill per posar el text en cursiva.
Exemple 1
Agafeu un fitxer de bloc de notes i escriviu el codi html simple tal com es descriu anteriorment en aquesta guia. Afegiu un paràgraf de dues línies a la porció del cos. Per posar el text en cursiva. Utilitzeu l'etiqueta al principi de les paraules que voleu que estiguin en forma de cursiva
< jo > ......</ jo >Aquesta és l'etiqueta per posar en cursiva el text. Com podeu veure a la imatge següent, el fitxer és l'etiqueta d'obertura escrita a l'inici i és l'etiqueta de tancament. Tanqueu el cos i HTML.
Ara deseu el fitxer i executeu-lo al navegador per veure la sortida del fitxer.
Des de la sortida, podeu observar que la frase que hem fet cursiva al codi es troba en forma de cursiva, mentre que la primera frase apareixia en un format normal.
Exemple 2
En aquest exemple, crearem una paraula específica en cursiva en lloc de la frase sencera del text. les etiquetes d'obertura i tancament s'utilitzen a tot el paràgraf, allà on vulguem que el text sigui en cursiva a la frase.
Ara, una vegada més, deseu el fitxer i després executeu-lo al navegador. Podeu veure que alguna part específica del text es troba en forma de cursiva que volem fer cursiva al codi.
Exemple 3
A més d'utilitzar el fitxer etiqueta al text, existeix un altre mètode per fer que el text en forma de cursiva. Aquest és l'enfocament per emfatitzar alguna part del text. Aquesta etiqueta també té etiquetes d'obertura i tancament. La sintaxi que s’utilitza és;
< dins > ....</ dins >El text s’escriu entre les dues etiquetes; en aquest exemple, hem utilitzat aquesta etiqueta dues vegades al paràgraf. Vegem la imatge del codi situat a continuació.
En les dues frases, hem utilitzat un cop al paràgraf. La sortida s’obté executant el fitxer html en el format del navegador.
Exemple 4
Aquest és l'exemple en què hem utilitzat un altre enfocament per mostrar les paraules en forma de cursiva. Implica l’ús de text. En aquest exemple, hem aplicat aquesta etiqueta a tot el text escrit al cos de html.
< cite > ......</ citi > 
Després de tancar totes les etiquetes, executeu el fitxer al navegador.
Exemple 5
Fins ara, hem debatut sobre l'estil en línia del text. Fer una forma de cursiva també fa referència a l’estil i disseny del text. L’estil és de tres tipus. Un està en línia, el segon és intern i el tercer és extern. L'estil en línia es fa dins de l'etiqueta. L’interior s’escriu dins del cos del cap. I l'estil extern es fa en un altre fitxer amb l'extensió de .css.
Aquest és un exemple de css en línia; aquí hem escrit el codi dins de les etiquetes del paràgraf. Hem declarat que la declaració d'estil com a tipus de lletra és cursiva. Aquesta afirmació està escrita dins de l'etiqueta, de manera que no tindrà cap etiqueta de tancament, tal com es pot veure a la imatge anterior. Ara tanqueu totes les etiquetes i executeu-les al navegador. Mostra els mateixos resultats que hem desitjat.
< pàg estil=fer-estil: cursiva;> 
Exemple 6
Després d'inline, ara afegirem l'exemple d'estil intern. Aquí s'afegeix una classe dins de la porció del cap. A continuació, el nom de la classe es declara dins de l'etiqueta de paràgraf al cos de l'html. De manera que sigui fàcilment accessible.
< cap >< estil >
.a{
Fer-estil: cursiva;
}
</ estil ></ cap >
Podeu veure que la classe s’inicialitza amb el mètode dot. Hi ha dos paràgrafs al codi; hem aplicat aquest estil a un d’ells. Per tant, és útil quan volem formatar un paràgraf.
La declaració de classe dins del paràgraf és;
< pàg classe=a>< pàg classe='A'>
Això accedirà a la classe al cap. Ara vegeu la sortida. Observareu que un dels paràgrafs té la forma de cursiva.
Conclusió
Aquest article representa el format del text en cursiva. El disseny de text és una part essencial del disseny d’una pàgina web.