Hva er de grunnleggende HTML -kodene?

Hva er de grunnleggende HTML -kodene?

Flere websider er inkludert på et nettsted, for eksempel hjemmesiden, kontaktsiden og om siden. HTML -språket brukes til å lage disse sidene. Nettsteder er strukturert, og innholdet deres er spesifisert ved hjelp av HTML. I innholdet på nettstedet er det flere elementer, inkludert overskrifter, avsnitt, knapper og lenker.

I denne håndboken lærer vi de grunnleggende HTML -kodene. Så la oss starte!

Hva er de grunnleggende HTML -kodene?

HTML er basert på forskjellige tagger som som , ,

og mange flere. Disse taggene er vanligvis innelukket i vinkelbraketter, noe som indikerer starten på et HTML -element.

Følgende tagger vil nå bli diskutert mer detaljert:


La oss starte med den første.

I HTML5, “”Tag vises helt i begynnelsen av dokumentet. Nettleseren bruker den for å finne ut HTML -versjonen. Mer spesifikt forteller den nettleseren hvilken versjon av HTML Dokumentet er skrevet i:

stikkord

Dokumenttyper er definert av startkoden. For å lage et HTML -dokument, “”Tag brukes. Alle de andre elementene i HTML, for eksempel “hode”Og“kropp”, Er skrevet mellom“”Og“”Tagger:

stikkord

HTMLs hodemerke definerer informasjonen relatert til dokumentet i dokumentet. Den inneholder andre hodeelementer som,, og:

stikkord

I et HTML -dokument, for å bruke inline styling, “”Tag brukes. Stilegenskapene som er definert inne i taggen, bestemmer hvordan dokumentet vil se ut. For eksempel gjelder stilen definert i den uthevede delen bare i dokumentet:

stikkord

“”Tag spesifiserer hvilken type innhold som legges til på en side, inkludert overskrifter, avsnitt, lenker, knapper, bilder og andre. Hvert HTML -dokument trenger denne taggen og skal bare bruke det en gang:

Overskriftskode

En overskrift er den første delen av ethvert dokument. Det er forskjellige skriftstørrelser du kan bruke til overskrifter, inkludert

,

,

,

,

, og
. Når en overskrift vises, legger nettleseren en linje før og en etter.

Eksempel 1:

stikkord

Her vil vi legge til det høyeste nivået ved å bruke “

" stikkord:


Dette er en overskrift 1


Du kan se at overskriften legges til på nettsiden:

Eksempel 2:

stikkord

Nå vil vi legge til to overskrift ved hjelp av

og

Tagger for å se forskjellen mellom dem begge:


Dette er en overskrift 1


Dette er en overskrift 2


Det kan sees at begge overskriftene skiller seg ut i løpet av skriftstørrelse:

stikkord

Avsnitt kan defineres på en webside ved hjelp av HTML “

" stikkord. De

Tagger indikerer starten på et nytt avsnitt i HTML. En tom linje legges til hvert avsnitt i begynnelsen eller slutten av nettleseren.

Eksempel

Her vil vi bruke “
..

Dette er et avsnitt


I utdataene nedenfor legges avsnittet til den samme websiden:

stikkord

En HTML DIV -tag brukes til å legge til HTML -elementene sammen. Tagger har spesifikke roller. For eksempel

TAG indikerer avsnitt, H1 til H6 representerer overskrifter, men DIV -taggen spesifiserer seksjoner i HTML -dokumentene. HTML -elementer er vanligvis gruppert sammen med DIV -taggen slik at CSS -stiler kan brukes på mange av dem samtidig.

Eksempel

Her vil vi legge til en div ved hjelp av “" stikkord. Etter det vil vi legge til en overskrift ved hjelp av

og avsnitt ved bruk av

stikkord:


..

Dette er en div


Div Paragraf



Produksjon


stikkord


”Tag brukes til linjepauser; Alt som følger det starter fra neste linje. På stedet der du vil legge til
Tag, de neste webelementene vil bli flyttet til den nye linjen på websiden.

Eksempel

Her vil vi legge til “
”Tag i en DIV -uttalelse, etter ordet“en”:


..
Dette er en
div

I det undervernede bildet kan du se at det er en linjepause etter ordet “en”:

stikkord

“”Tag brukes til å få innspill fra brukeren. HTML lar en bruker spesifisere et inngangsfelt der data kan legges inn. Det kan ha en rekke typer avhengig av attributter, for eksempel tekstbokser, avkrysningsruter, radioknapper og mange flere.

Eksempel

Nå lager vi en avkrysningsrute ved hjelp av ””Tag og angi typen inngang som“avkrysningsrute”:


..

Ved hjelp av koden over kan du se at avkrysningsruten er lagt til vellykket:

stikkord

“”Tag brukes til å stille bildet av et element. Det legges til med skjemaelementene, for eksempel tekstfelt, e -postboks, passordfelt eller avkrysningsrute for å gi relatert informasjon.

Eksempel

Angi etiketten etter avmerkingsboksen ved å bruke "”Merk og spesifiser teksten til etiketten:


..


Her er resultatet som viser at etiketten representerer avkrysningsruten:

Det er det! Vi har forklart HTML Basic -taggen i detalj.

Konklusjon

For å lage et HTML -dokument og legge til elementer i det, er det forskjellige tagger som brukes som for eksempel , , ,

,

, og mange flere. I denne artikkelen har vi forklart alle disse taggene og gitt eksempler på hver tagg for din bedre forståelse.