Hypertext markup language (HTML) er et front-end språk som brukes til å designe og utvikle et nettsted. HTML er grunnspråket for alle språk som brukes til å designe statiske eller dynamiske websider. HTML har mange funksjoner som kreves i utformingen. Ved hjelp av koder, kommandoer skrevet i kantede parenteser, er en webside designet. HTML lar brukeren lage eller redigere tekst, bilder eller andre elementer som alle tekstredigerere, dvs. Microsoft Word. Innholdet i HTML er tekst, bilde, farge, design, etc. design er en veldig viktig del da det er ansvarlig for å dekorere teksten. Å gjøre teksten kursiv er et eksempel på å designe teksten. Dette elementet er viktig for å understreke eller drive oppmerksomheten til brukeren. Noen av eksemplene er uthevet i denne opplæringen.
Nødvendige nødvendigheter
HTML krever to verktøy for design og utvikling av et nettsted. Den ene er en tekstredigerer som kreves for å skrive HTML -koden i den. Det kan være hvilken som helst tekstredigerer i din tilgang, dvs. notisblokk, notisblokk ++, sublim, visual studio, etc. Den andre er en nettleser på datamaskinen din, Google Chrome, internet explorer, etc. I denne artikkelen har vi brukt notisblokk og Google chrome. For å designe den statiske siden trenger du HTML og for styling av CSS -stilarket. Hver av dem brukes i denne guiden med eksempler.
HTML -format
For å forklare utformingen av den kursive teksten, forstår vi først html -koden. HTML -koden har to deler. En er hodedelen, og en annen i kroppen. Vi inkluderer tittelen i hodedelen; dette tittelnavnet er faktisk sidens tittel. Intern styling utføres også inne i hodeskroppen. Mens brødteksten inneholder alle andre tagger relatert til tekst, bilde og farge, etc., er alt du vil legge til HTML -siden skrevet i brøddelen av HTML -koden.
< html >
< hode >...</ hode >
< kropp >….</ kropp >
</ html >
Bildet nedenfor er en eksempelkode for HTML. Du kan se at tittelnavnet er skrevet inne i hodedelen. Samtidig har vi lagt til et avsnitt i html -brødteksten ved å bruke tag
. da lukkes kroppstaggen og html -taggene.
Utdataene fra denne prøven ses i nettleseren. Du kan se at tittelnavnet vises i fanenavnet, som vi har erklært i hodet til html -koden.
HTML har en åpnings- og lukkekode for alle kodene som er skrevet inne i kroppen. Når koden er åpnet må den lukkes etter at du har skrevet tekst mellom den. Etiketten er lukket med skråstreken i den. Koden lagres deretter i notisblokkfilen. En ting du bør huske på er at mens du lagrer koden, må filen til tekstredigereren lagres med html -utvidelsen. For eksempel, sample.html. da vil du se at filen er lagret med ikonet for den nåværende nettleseren du bruker til dette formålet.
Dette var bakgrunnen for å designe i html. Nå skal vi bruke et enkelt eksempel for å gjøre teksten kursiv.
Eksempel 1
Ta en notisblokkfil og skriv den enkle html -koden som beskrevet tidligere i denne veiledningen. Legg til et avsnitt med to linjer i hoveddelen. For å gjøre teksten kursiv. Bruk taggen i begynnelsen av ordene du vil ha kursiv
< Jeg > ……</ Jeg >Dette er taggen for å kursivere teksten. Som du kan se på bildet nedenfor, vil er åpningstaggen skrevet i starten og er den avsluttende taggen. Lukk kroppen og html.
Lagre filen og kjør den i nettleseren for å se utdataene fra filen.
Fra utgangen kan du se at setningen vi har gjort kursiv i koden er i kursiv form, mens den første setningen dukket opp i et normalt format.
Eksempel 2
I dette eksemplet vil vi lage et bestemt ord i kursiv form i stedet for hele setningen i teksten. åpne og lukke koder brukes i hele avsnittet, uansett hvor vi vil gjøre teksten kursiv i setningen.
Nå igjen, lagre filen og kjør den deretter i nettleseren. Du kan se at en bestemt del av teksten er i kursiv form som vi ønsker å gjøre kursiv i koden.
Eksempel 3
I tillegg til å bruke tag i teksten, finnes det en annen metode for å lage teksten i kursiv form. Dette er tilnærmingen for å understreke en del av teksten. Denne koden har også en åpning og lukking. Syntaksen som brukes for det er;
< i >….</ i >Teksten er skrevet mellom de to taggene; i dette eksemplet har vi brukt denne taggen to ganger i avsnittet. La oss se bildet av koden plassert nedenfor.
I begge setningene har vi brukt en gang i avsnittet. Utdata oppnås ved å kjøre HTML -filen i nettleserformatet.
Eksempel 4
Dette er eksemplet der vi har brukt en annen tilnærming for å vise ordene kursiv. Det innebærer bruk av i teksten. I dette eksemplet har vi brukt denne taggen på hele teksten skrevet i html -brødteksten.
< Sitere > ……</ sitat > 
Etter å ha lukket alle taggene, kjører du filen i nettleseren.
Eksempel 5
Til nå har vi diskutert tekstens innebygde styling. Å lage en kursiv form for tekst refererer også til styling og design av teksten. Styling er av tre typer. Den ene er innebygd, den andre er intern, og den tredje er ekstern. Innebygd styling utføres i taggen. Internt er skrevet inne i hodekroppen. Og ekstern styling gjøres i en annen fil med utvidelsen av .css.
Dette er et eksempel på inline css; her har vi skrevet koden inne i merkelappene i avsnittet. Vi har erklært stilerklæringen som skriftstil for å være kursiv. Denne uttalelsen er skrevet inne i koden, så den vil ikke ha noen lukkemerket, som du kan se på bildet ovenfor. Lukk nå alle taggene og kjør dem i nettleseren. Det viser de samme resultatene som vi har ønsket.
< s stil=gjøre-stil: kursiv;> 
Eksempel 6
Etter inline, vil vi nå legge til eksempel på intern styling. Her legges det til en klasse inne i hodedelen. Deretter deklareres navnet på klassen inne i avsnittstaggen i html -brødteksten. Slik at det er lett tilgjengelig.
< hode >< stil >
.til{
Gjøre-stil: kursiv;
}
</ stil ></ hode >
Du kan se at klassen er initialisert med prikkmetoden. Det er to avsnitt i koden; vi har brukt denne stylingen på en av dem. Så det er nyttig når vi vil formatere ett avsnitt.
Klasseerklæringen inne i avsnittet er;
< s klasse=a>< s klasse='til'>
Dette vil få tilgang til klassen i hodet. Se nå utgangen. Du vil se at et av avsnittene er kursiv.
Konklusjon
Denne artikkelen representerer formatering av tekst i kursiv form. Tekstdesign er en viktig del av utformingen av en webside.