Hur man gör kursiv text i HTML

How Make Italics Text Html



Hypertext markup language (HTML) är ett front-end-språk som används för att designa och utveckla en webbplats. HTML är grundspråket för alla språk som används för att designa statiska eller dynamiska webbsidor. HTML har många funktioner som krävs vid design. Med hjälp av taggar, kommandon skrivna inom vinkelparenteser utformas en webbsida. HTML tillåter användaren att skapa eller redigera text, bild eller något annat element som vilken textredigerare som helst, dvs Microsoft Word. Innehållet i HTML är text, bild, färg, design, etc. design är en mycket viktig del eftersom det är ansvarigt för att dekorera texten. Att göra texten kursiv är ett exempel på att designa texten. Detta element är viktigt för att framhäva eller driva användarens uppmärksamhet. Några av exemplen belyses i den här självstudien.

Obligatoriska nödvändigheter

HTML kräver två verktyg för design och utveckling av en webbplats. Den ena är en textredigerare som krävs för att skriva HTML -koden i den. Det kan vara vilken textredigerare som helst i din åtkomst, dvs anteckningsblock, anteckningsblock ++, sublim, visual studio, etc. Den andra är en webbläsare på din dator, Google Chrome, internet explorer etc. I den här artikeln har vi använt anteckningsblock och Google chrome. För att designa den statiska sidan behöver du HTML och för att utforma CSS -stilarket. Var och en av dem används i den här guiden med exempel.







HTML -format

För att förklara utformningen av den kursiva texten förstår vi först html -koden. HTML -koden har två delar. En är huvuddelen och en annan i kroppen. Vi inkluderar titeln i huvuddelen; detta titelnamn är faktiskt sidans titel. Intern styling görs också inuti huvudkroppen. Medan kroppen innehåller alla andra taggar som är relaterade till text, bild och färg, etc. är dessutom allt du vill lägga till på html -sidan skrivet i html -kodens kroppsdel.



< html >

< huvud >...</ huvud >

< kropp >….</ kropp >

</ html >

Bilden nedan är en exempelkod för HTML. Du kan se att titelnamnet är skrivet inuti huvuddelen. Samtidigt har vi lagt till ett stycke i html -brödet med hjälp av tagg

. då stängs kroppstaggen och html -taggarna.







Utdata från detta prov syns i webbläsaren. Du kan se att titelnamnet visas i fliknamnet, vilket vi har deklarerat i HTML -kodens huvud.

HTML har en öppning och stängning taggar för alla taggar som skrivs inuti sin kropp. När koden har öppnats måste den stängas efter att du har skrivit text mellan den. Etiketten stängs med snedstrecket i. Koden sparas sedan i anteckningsfilen. En sak som bör komma ihåg är att när du sparar koden måste filen i textredigeraren sparas med html -tillägget. Till exempel sample.html. då ser du att filen sparas med ikonen för den aktuella webbläsaren du använder för detta ändamål.



Detta var bakgrunden till design i html. Nu ska vi använda ett enkelt exempel för att göra texten kursiv.

Exempel 1

Ta en anteckningsfil och skriv den enkla HTML -koden som beskrivits tidigare i den här guiden. Lägg till ett stycke med två rader i kroppsdelen. För att göra texten kursiv. Använd taggen i början av orden du vill vara kursiv

< i > ……</ i >

Detta är taggen för att kursivera texten. Som du kan se på bilden nedan visas är öppningstaggen skriven i början och är den avslutande taggen. Stäng kroppen och html.

Spara nu filen och kör den i webbläsaren för att se utdata från filen.

Från utmatningen kan du observera att meningen vi har gjort kursiv i koden är kursiv, medan den första meningen visas i ett normalt format.

Exempel 2

I det här exemplet kommer vi att göra ett specifikt ord i kursiv form istället för hela meningen i texten. öppnings- och stängningstaggar används i hela stycket, varhelst vi vill göra texten kursiv i meningen.

Nu igen, spara filen och kör den sedan i webbläsaren. Du kan se att en viss del av texten är i kursiv form som vi vill göra kursiv i koden.

Exempel 3

Förutom att använda tag i texten, finns det en annan metod för att göra texten kursiv. Detta är tillvägagångssättet för att betona en del av texten. Denna tagg har också en öppnings- och stängningstagg. Syntaxen som används för det är;

< i >….</ i >

Texten är skriven mellan de två taggarna; i det här exemplet har vi använt denna tagg två gånger i stycket. Låt oss se bilden av koden placerad nedan.

I båda meningarna har vi använt en gång i stycket. Utmatning erhålls genom att köra html -filen i webbläsarformatet.

Exempel 4

Detta är exemplet där vi har använt ett annat tillvägagångssätt för att visa orden i kursiv form. Det innebär användning av texten. I det här exemplet har vi applicerat den här taggen på hela texten skriven i html -brödet.

< Citera > ……</ Citat >

När du har stängt alla taggar kör du filen i webbläsaren.

Exempel 5

Hittills har vi diskuterat textens inline styling. Att göra en kursiv form av text hänvisar också till textens utformning och utformning. Styling är av tre typer. En är inline, den andra är intern och den tredje är extern. Inline -styling görs inom taggen. Insidan är skriven inuti huvudkroppen. Och extern styling görs i en annan fil med tillägget .css.

Detta är ett exempel på inline css; här har vi skrivit koden inuti styckenas taggar. Vi har förklarat stiluttyget som typsnittstil för att vara kursiv. Detta uttalande är skrivet inuti taggen, så det kommer inte att ha någon stängande tagg, som du kan se i bilden ovan. Stäng nu alla taggar och kör dem i webbläsaren. Det visar samma resultat som vi önskat.

< sid stil=göra-stil: kursiv;>

Exempel 6

Efter inline kommer vi nu att lägga till exemplet med intern styling. Här läggs en klass in i huvuddelen. Sedan deklareras namnet på klassen inuti stycke -taggen i html -texten. Så att det är lättillgängligt.

< huvud >

< stil >

.till{

Göra-stil: kursiv;

}

</ stil ></ huvud >

Du kan se att klassen initieras med punktmetoden. Det finns två stycken i koden; vi har applicerat denna styling på en av dem. Så det är användbart när vi vill formatera ett stycke.

Klassdeklarationen inuti stycket är;

< sid klass=a>
< sid klass='till'>

Detta kommer att komma åt klassen i huvudet. Se nu utgången. Du kommer att observera att ett av styckena är i kursiv form.

Slutsats

Den här artikeln representerar formatering av text i kursiv form. Textdesign är en viktig del i utformningen av en webbsida.