Hvordan lage tilpassede tagger for HTML

Flere tagger i HTML kan brukes til forskjellige formål, for eksempel “”For å lage knapper og“”For å legge til bilder i HTML -dokumenter. HTML gjør det også mulig for nettutviklere å lage tilpassede eller uavhengige tagger. Skjønt, det er få begrensninger for å lage en gyldig tilpasset tag. Den tilpassede taggen må ha en åpning og en avsluttende tag. Videre er selvlukkende tilpassede tagger ugyldige i HTML.

Denne oppskrivningen vil demonstrere:

• Hva er tilpassede tagger for HTML?
• Hva er navneglene for tilpassede tagger?
• Eksempler for gyldige og ugyldige tilpassede tagger
• Hvordan lage tilpassede tagger for HTML?

Hva er tilpassede tagger for HTML?

Tilpassede attributter er spesielt designet av utviklere eller brukere og er ikke inkludert i standard HTML5 -elementene. Tilpassede tagger spesifiser tillegg eller personlig innhold i de brukerdefinerte kodene. Disse kodene fungerer på samme måte som HTML innebygde tagger. For å spesifisere den tilpassede taggen i HTML -dokumentet, må brukerne dessuten følge navneglene.

Hva er navneglene for tilpassede tagger?

Det er forskjellige navneregler som er definert for å lage den tilpassede taggen. Noen av dem er listet opp nedenfor:

• En tilpasset tagg starter alltid med en liten bokstav.
• Brukere kan legge til numeriske verdier fra (1 til 9) i den tilpassede taggen.
• Minst en (-) bindestrek må legges til den tilpassede taggen.
• Brukere kan ikke oppgi kapitalbrevet i en tilpasset tag.
• Brukere kan også bruke alle slags emojier i den tilpassede taggen.
• Brukere kan ikke opprette selvlukkende eller inline tilpassede tagger i HTML.

Eksempler for gyldige og ugyldige tilpassede tagger
Følgende tabell viser eksempler relatert til gyldige og ugyldige tilpassede tagger:

Gyldige tilpassede tagger	Ugyldige tilpassede tagger

Hvordan lage tilpassede tagger for HTML?

For å lage tilpassede tagger i HTML, gå gjennom de undergitte instruksjonene.

Trinn 1: Lag tilpasset tag
Først må du opprette en tilpasset tag ved å følge navneglene. For eksempel har vi opprettet “" elementet i HTML. Legg deretter til tekst mellom de tilpassede taggene.

Trinn 2: Opprett knapp
Opprett en knapp ved hjelp av “”Inne i den tilpassede taggen:

Denne beholderen ble opprettet av meg.


Klikk på meg

Her kan du se at den tilpassede taggen er opprettet med hell og også viser knappelementet:

Trinn 3: Stil tilpasset element
Brukere kan også style den tilpassede beholderen ved å få tilgang til den i CSS ved hjelp av det aktuelle tagnavnet. For eksempel har vi fått tilgang til den tilpassede beholderen ved hjelp av den opprettede taggen "My-tag”. Etter det, bruk de underkodede egenskapene på den tilpassede taggen:

my-tag
Display: Block;
Grense: 4px solid grønn;
Margin: 30px 15px;
polstring: 30px;
bakgrunnsfarge: RGB (238, 181, 96);

Her:

• “vise”Eiendom brukes til å spesifisere hvordan du viser et element. Skjermen er satt som en "blokkere”For å vise elementet i en ny linje.
• “grense”Brukes til å definere en grense rundt elementet.
• “margin”Tildeler et rom rundt elementgrensen.
• “polstring”Definerer et rom inne i grensen til et element.
• “bakgrunnsfarge”Brukes for å spesifisere fargen ved elementets bakside.

Produksjon

Det kan observeres at vi effektivt har opprettet og stylet det tilpassede elementet eller taggen.

Konklusjon

For å opprette en tilpasset tag er brukerne begrenset gjennom å følge navneglene. For å opprette en tilpasset tag, spesifiser først taggen i henhold til regler som " Noe innhold ”. Få tilgang til taggen i CSS ved hjelp av tagnavnet og bruk CSS -egenskapene for styling. Denne opplæringen har lært deg den enkleste metoden for å lage en tilpasset tagg for HTML.