HTML PRE -TAG

HTML Tekstformatering av tagger spenner over et veldig bredt spekter. En viktig tekstformateringsmerke i HTML er kjent som “Pre” -koden. Denne taggen brukes til å vise tekst på en webside akkurat som den er skrevet i HTML -skriptet. Det betyr at HTML -skriptet ditt eller nettleseren din ikke vil formatere teksten din på egen hånd; Snarere vil det bevare formateringen du har oppbevart mens du skriver skriptet. Ved å gå gjennom denne guiden, lærer du å bruke pre -taggen i HTML.

Bruk av pre -taggen i HTML:

For å bruke PRE -taggen i HTML, kan du vurdere følgende tre eksempler:

Eksempel 1: Viser en tilfeldig forhåndsformatert tekst på en webside:

I dette eksemplet har vi tenkt å vise noen tilfeldig forhåndsformatert tekst på en webside ved å bruke HTML-pre-taggen til HTML. HTML -skriptet som vi har skrevet for dette formålet vises på bildet nedenfor:

I dette HTML -skriptet har vi brukt "pre" -koden for å omslutte et tilfeldig avsnitt i det. Du kan se at dette avsnittet inneholder mellomrom og linjepauser på tilfeldige steder. Målet vårt er å få denne teksten til å vises som den er på websiden. Nettopp derfor har vi benyttet oss av HTML -pre -taggen.

Da vi utførte HTML -skriptet vist ovenfor med Google Chrome -nettleseren, fremsto teksten vår nøyaktig som den er på websiden, som du kan se fra følgende bilde. Det betyr at formateringen av denne teksten, jeg.e., De tilfeldige rommene og linjebruddene er bevart pent på grunn av bruken av HTML -pre -taggen.

Eksempel 2: Vis et bilde på en webside:

I det andre eksemplet vil vi gå et skritt videre og prøve å tegne et bilde ved å bruke HTML -pre -taggen. Vi har tenkt å vise en ku på vår webside, på grunn av at vi har brukt HTML -skriptet vist nedenfor:

I dette eksemplet har vi tegnet en ku i HTML -skriptet vårt ved å bruke forskjellige symboler. Vi ønsket å bevare formateringen av denne tegningen fordi vi har vedlagt den innenfor pre -taggen til HTML.

Da vi utførte dette HTML -skriptet, dukket tegningen vår opp som den er på websiden som vist i følgende bilde:

Eksempel nr. 3: Vis et bilde uten forhånds taggen i HTML på en webside:

I dette eksemplet vil vi endre det andre skriptet vårt for å se effekten av å fjerne forhånds taggen fra det HTML -skriptet. Dette vises på bildet nedenfor:

Da vi utførte det samme skriptet med Google Chrome -nettleseren etter å ha fjernet HTML -pre -taggen, ble formateringen av tegningen vår rotet, og vi fikk bare se noen spredte symboler på websiden, som vist i følgende bilde. Dette fremhever betydningen av å bruke pre -taggen i HTML.

Konklusjon:

Denne artikkelen var ment å gi deg en grundig forståelse av pre -taggen i HTML. For å formidle dette konseptet ordentlig, delte vi med deg tre detaljerte eksempler som benytter seg av denne HTML -taggen. Når du har gått gjennom disse eksemplene, vil du raskt lære å bruke denne taggen i HTML.