Hypertext markup language (HTML) er et front-end sprog, der bruges til at designe og udvikle et websted. HTML er grundsproget for alle sprog, der bruges til at designe statiske eller dynamiske websider. Html har mange funktioner, der kræves ved design. Ved hjælp af tags, kommandoer skrevet i kantede parenteser, er en webside designet. HTML tillader brugeren at oprette eller redigere tekst, billede eller ethvert andet element som enhver tekstredigerer, dvs. Microsoft Word. Indholdet i HTML er tekst, billede, farve, design osv. Design er en meget vigtig del, da det er ansvarligt for at dekorere teksten. At gøre teksten kursiv er et eksempel på design af teksten. Dette element er vigtigt for at understrege eller drive brugerens opmærksomhed. Nogle af eksemplerne fremhæves i denne vejledning.
Påkrævede Essentials
HTML kræver to værktøjer til design og udvikling af et websted. Den ene er en tekstredigerer, der er påkrævet for at skrive html -koden i den. Det kan være en hvilken som helst tekstredigerer i din adgang, dvs. notesblok, notesblok ++, sublim, visual studio osv. Den anden er en browser på din computer, Google Chrome, internet explorer osv. I denne artikel har vi brugt notesblok og Google chrome. For at designe den statiske side har du brug for HTML og til styling af CSS -stilarket. Hver af dem bruges i denne vejledning med eksempler.
HTML -format
For at forklare udformningen af den kursive tekst forstår vi først html -koden. HTML -kode har to dele. En er hoveddelen, og en anden i kroppen. Vi inkluderer titlen i hoveddelen; dette titelnavn er faktisk sidens titel. Intern styling udføres også inde i hovedet. Mens brødteksten indeholder alle andre tags, der er relateret til tekst, billede og farve osv., Er alt, hvad du vil tilføje til html -siden, skrevet i brøddelen af html -koden.
< html >
< hoved >...</ hoved >
< legeme >….</ legeme >
</ html >
Nedenstående billede er en prøvekode for HTML. Du kan se, at titelnavnet er skrevet inde i hoveddelen. Samtidig har vi tilføjet et afsnit i brødteksten i html ved hjælp af tag
. derefter lukkes body -tag og html -tags.
Outputtet af denne prøve ses i browseren. Du kan se, at titelnavnet vises i fanenavnet, som vi har erklæret i hovedet på html -koden.
HTML har et åbnings- og lukkemærke for alle de tags, der er skrevet inde i kroppen. Når koden er åbnet, skal den lukkes, efter at der er skrevet tekst mellem den. Mærket lukkes med skråstregen i det. Koden gemmes derefter i notesblokfilen. En ting, der skal huskes på, er, at mens teksten gemmes, skal teksteditorens fil gemmes med html -udvidelsen. Eksempelvis sample.html. så vil du se, at filen er gemt med ikonet for den aktuelle browser, du bruger til dette formål.
Dette var baggrunden for at designe i html. Nu vil vi bruge et enkelt eksempel til at gøre teksten kursiv.
Eksempel 1
Tag en notesblokfil og skriv den simple html -kode som beskrevet tidligere i denne vejledning. Tilføj et afsnit med to linjer i hoveddelen. For at gøre teksten kursiv. Brug mærket i starten af de ord, du vil have kursiv
< jeg > ……</ jeg >Dette er mærket for at kursivere teksten. Som du kan se på billedet herunder, er er åbningsmærket skrevet i starten og er det afsluttende mærke. Luk kroppen og html.
Gem nu filen og kør den i browseren for at se filens output.
Fra output kan du observere, at den sætning, vi har gjort kursiv i koden, er i kursiv form, mens den første sætning optrådte i et normalt format.
Eksempel 2
I dette eksempel vil vi lave et specifikt ord i kursiv form i stedet for hele tekstens sætning. åbne og lukke tags bruges i hele afsnittet, hvor vi vil gøre teksten kursiv i sætningen.
Nu igen, gem filen og kør den derefter i browseren. Du kan se, at en bestemt del af teksten er i kursiv form, som vi vil gøre kursiv i koden.
Eksempel 3
Udover at bruge tag i teksten, findes der en anden metode til at lave teksten i kursiv form. Dette er metoden til at understrege en del af teksten. Dette mærke har også et åbnings- og lukkemærke. Syntaksen, der bruges til det, er;
< i >….</ i >Teksten er skrevet mellem de to tags; i dette eksempel har vi brugt dette mærke to gange i afsnittet. Lad os se billedet af koden placeret nedenfor.
I begge sætninger har vi brugt en gang i afsnittet. Output opnås ved at køre html -filen i browserformatet.
Eksempel 4
Dette er eksemplet, hvor vi har brugt en anden tilgang til at vise ordene i kursiv form. Det indebærer brug af i teksten. I dette eksempel har vi anvendt dette mærke på hele teksten, der er skrevet i html -brødteksten.
< Citer > ……</ citere > 
Når du har lukket alle tags, skal du køre filen i browseren.
Eksempel 5
Indtil nu har vi diskuteret tekstens inline styling. At lave en kursiv tekstform refererer også til tekstens design og design. Styling er af tre typer. Den ene er inline, den anden er intern, og den tredje er ekstern. Inline -styling udføres inden for mærket. Intern er skrevet inde i hovedet. Og ekstern styling udføres i en anden fil med udvidelsen .css.
Dette er et eksempel på inline css; her har vi skrevet koden inde i afsnittets tags. Vi har erklæret stilerklæringen som skrifttype for at være kursiv. Denne erklæring er skrevet inde i mærket, så den vil ikke have noget lukkemærke, som du kan se på billedet ovenfor. Luk nu alle tags og kør dem i browseren. Det viser de samme resultater, som vi har ønsket.
< s. s stil=lave-stil: kursiv;> 
Eksempel 6
Efter inline tilføjer vi nu eksemplet på intern styling. Her tilføjes en klasse inde i hoveddelen. Derefter erklæres navnet på klassen inde i afsnitsmærket i html -brødteksten. Så det er let tilgængeligt.
< hoved >< stil >
.til{
Lave-stil: kursiv;
}
</ stil ></ hoved >
Du kan se, at klassen er initialiseret med dot -metoden. Der er to afsnit i koden; vi har anvendt denne styling på en af dem. Så det er nyttigt, når vi vil formatere et afsnit.
Klasseerklæringen inde i afsnittet er;
< s. s klasse=a>< s. s klasse='til'>
Dette får adgang til klassen i hovedet. Se nu output. Du vil bemærke, at et af afsnittene er i kursiv.
Konklusion
Denne artikel repræsenterer formatering af tekst i kursiv form. Tekstdesign er en vigtig del af designet af en webside.