Værktøjer påkrævet
For at uddybe begrebet tilpasning i HTML skal vi nævne nogle nødvendige værktøjer, der er nødvendige for at køre HTML -koden. Den ene er en tekstredigerer, og den anden er en browser. En tekstredigerer måske en notesblok, sublim, notesblok ++ eller andre, der kan hjælpe. I denne vejledning har vi brugt notesblok, en standardapplikation i Windows og Google Chrome som browser.
HTML -format
For at forstå justeringen skal vi først have en vis viden om grundlæggende HTML. Vi har præsenteret skærmbilledet af en prøvekode.
< html >
< hoved >...</ hoved >
< legeme >….</ legeme >
</ html >
HTML har to hoveddele. Den ene er hovedet, og den anden er kroppen. Alle mærker er skrevet i kantede parenteser. Hoveddelen omhandler navngivning af html -siden ved hjælp af mærket med titel. Og brug også stilerklæringen inde i hovedet. På den anden side beskæftiger kroppen sig med alle andre tags med tekst, billeder eller videoer osv. Med andre ord, hvad du end vil tilføje til din html -side, er skrevet i brødteksten i html.
En ting jeg skal fremhæve her er mærket åbning og lukning. Hvert mærke, der skrives, skal lukkes. For eksempel har Html starttag af og sluttagget er. Så det observeres, at sluttagget har en skråstreg efterfulgt af tagnavnet. På samme måde følger alle andre tags også den samme tilgang. Hver tekstredigerer gemmes derefter med udvidelsen af html. For eksempel har vi brugt en fil med navnet example.html. Så vil du se, at notesblokikonet er ændret til browserikonet.
Som justering er indhold af styling. Style i html er af tre typer. En in-line stil, intern og ekstern styling. Inline indebærer i mærket. Indvendig er skrevet inde i hovedet. På samme tid skrives den eksterne stil i en separat CSS -fil.
Inline styling af tekst
Eksempel 1
Nu er det tid til at diskutere et eksempel her. Overvej billedet vist ovenfor. I denne notesblokfil har vi skrevet en simpel tekst. Når vi kører det som en browser, viser det det output, der er angivet nedenfor i browseren.
Hvis vi vil have denne tekst vist i midten, ændrer vi mærket.
Dette mærke er et indbygget mærke. Vi skriver dette mærke, når vi introducerer afsnitsmærket i html -brødteksten. Luk teksten efter teksten. Gem, og åbn derefter filen i browseren.
Afsnittet er justeret i midten, som det vises i browseren. Mærket, der bruges i dette eksempel, bruges til enhver justering, dvs. til venstre, højre og center. Men hvis du kun vil justere teksten i midten, bruges et specifikt mærke til dette formål.
< centrum > …… ..</ centrum >Midtmærket bruges før og efter teksten. Dette vil også vise det samme resultat som det foregående eksempel.
Eksempel 2
Dette er et eksempel på at justere overskriften i stedet for et afsnit i html -teksten. Syntaksen for denne justering af overskrift er den samme. Dette kan gøres gennem både mærket eller ved indbygget styling eller tilføjelse af justeringsmærket inde i overskriftstagget.
Outputtet vises i browseren. Overskriftstagget har konverteret ren tekst til en overskrift, og tagget har justeret det i midten.
Eksempel 3
Juster teksten i midten
Overvej et eksempel, hvor der vises et afsnit i browseren. Vi skal justere dette i midten.
Vi åbner denne fil i notesblokken og justerer den derefter i midterpositionen ved hjælp af mærket.
< s. s stil =tekst-justere: center;>Når du har tilføjet dette mærke i afsnittet, skal du gemme filen og køre den i browseren. Du vil se, at afsnittet nu er centreret justeret. Se billedet herunder.
Juster teksten til højre
At læne teksten til højre svarer til at placere den i midten af siden. Bare centerordet erstattes af højre i afsnitsmærket.
< s. s stil =tekst-justere: højre;> ……… ..</ s. s >Ændringerne kan ses via billedet, der er vedlagt herunder.
Gem og opdater websiden i browseren. Teksten flyttes nu til højre side af siden.
Intern styling af tekst
Eksempel 1
Som beskrevet ovenfor er intern css (cascading style sheet) eller intern styling en type css, der er defineret i hoveddelen af html på siden. Det fungerer på samme måde som interne tags gør.
Overvej siden vist ovenfor; den indeholder overskrifterne og afsnittet i den. Vi har et krav om at se teksten i midten. Inlinejustering kræver manuel skrivning af tags inde i hvert afsnit. Men intern styling kan automatisk anvendes på hvert afsnit i teksten ved at nævne p i stilerklæringen. Det er derefter ikke nødvendigt at skrive et mærke inde i afsnittet. Overhold nu koden, og den virker.
< stil >P{Tekst-justere: center}
</ stil >
Dette mærke er skrevet inden for stilmærket i hoveddelen. Kør nu koden i browseren.
Når du udfører siden i browseren, vil du se, at alle afsnittene er justeret i midten af siden. Dette mærke anvendes på hvert afsnit, der findes i teksten.
Eksempel 2
I dette eksempel justerer vi ligesom et afsnit alle overskrifterne i teksten til højre side. Til dette formål vil vi nævne overskrifter i stilerklæringen inde i hovedet.
H2, h3{
Tekst-justere: ret
}
Nu efter at have gemt filen, skal du køre notesblokfilen i browseren. Du vil se, at overskrifterne er justeret i højre side af HTML -siden.
Eksempel 3
I intern styling kan der være en situation, hvor du kun skal justere teksten i nogle afsnit i teksten, mens andre forbliver de samme. Derfor bruger vi begrebet klasse. Vi introducerer klassen med en prikmetode inde i stilmærket. Det er nødvendigt at tilføje navnet på klassen inde i afsnitstagget, du vil justere.
< stil >.centrum{
Tekst-justere: center}
</ stil >
klasse =center> ……</ s. s >
Vi har tilføjet klassen i de første tre afsnit. Kør nu koden. Du kan se i output, at de første tre afsnit er justeret i midten, mens andre ikke er det.
Konklusion
Denne artikel forklarede, at justering kunne udføres på forskellige måder gennem inline og interne tags.