Slik fungerer HTML - Grunnleggende konsept av HTML med forskjellige tagger

Innholdsfortegnelse:

Anonim

Introduksjon til hvordan HTML fungerer:

HTML er et tagbasert språk som brukes til utvikling av websider; HTML står for Hyper Text Markup Language. Hypertext refererer til måten websider er koblet sammen. Dermed kalles lenken som er tilgjengelig på en webside Hypertext. Det er merkespråk som er koder som forteller nettleseren hvordan siden blir gjengitt på den. Den ble utviklet av Berners-Lee i slutten av 1991, men “HTML2.0” var den første standardspesifikasjonen som ble publisert i 1995. Senere kom de mange versjonene av HTML som HTML 4.0, for øyeblikket den siste versjonen av den er HTML5.0 som er veldig kjent foran slutt på utvikling av nettsteder.

Struktur for hvordan HTML-side fungerer:



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html

Denne taggen definerer dokumenttypen og HTML-versjonen.

Over taggen inneholder det komplette HTML-programmeringsspråkdokumentet, som består av dokumentoverskrift som er representert av … og dokumentlegeme som er representert med … -koder.

head tag representerer dokumentets overskrift som kan beholde andre HTML-koder som osv.

denne koden brukes inne i koden for å skrive dokumenttittelen.

tag representerer dokumentets hoveddel som holder andre HTML-koder som,

,

etc.

Ulike tagger med HTML-verk og deres beskrivelse:

  • :

Bruk overskriftsmerke for å lage varianter av overskriftseksemplet gitt nedenfor



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

Produksjon

Overskrift 1
Overskrift 2
Overskrift 3
Overskrift 4
Overskrift 5
Overskrift 6

  • :

Dette er et avsnitt som kan forstås bedre av eksemplet nedenfor.



Paragraph Example

Dette er et første ledd i teksten.

Dette er et annet ledd i teksten.

Dette er et tredje ledd i teksten.

Produksjon

Dette er første ledd i teksten.
Dette er tekstens andre ledd.
Dette er tekstens tredje ledd.

  • :

Denne koden brukes til å bryte linjen, vi kan bruke denne koden når vi vil at noe skal starte fra neste linje. Det er en enkeltlinjekode som ikke krever noen lukkende kode.

  • :

Sett hele innholdet i sentrum, og legg denne viktigste bruken av denne taggen i sentrum.

  • :

Brukes til å lage linjen, hovedsakelig brukt når du vil tegne en enkelt linjeside.

  •  :

Dette er en veldig viktig HTML-kode, i noen tilfeller ønsker vi å vise alt det samme som det er skrevet på HTML-siden i de tilfellene det er en veldig nyttig tagg. Eksemplet er gitt nedenfor.



Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

 

 

Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing


Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

Produksjon

Laravel er PHP-rammen. Det er et open source-rammeverk som brukes på nettet
applikasjonsutvikling. Dette rammeverket er basert på modellvisningskontroller
designmønster på grunn av dette prosjektet som er utviklet med hjelp av dette rammeverket er
mer strukturert og håndterbar. Denne rammen gjenbruker det eksisterende

    For å skrive ut ett mellomrom brukes dette i HTML.

    • Egenskaper for koder:

    Vi kan sette eiendommen på etikettnivå Eksempel gitt nedenfor



    Align Attribute

    Venstre justert

    Midtstilt

    Høyre justert

    Produksjon

    Venstre justert
    Midtstilt
    Høyre justert

    Kjerneattributter for HTML

    Det er få kjerneattributter som er brukt med nesten alle HTML-elementene som følger

    • id
    • Tittel
    • Klasse
    • Type

    1) Id:

    Disse attributtene som brukes til å identifisere HTML-elementet på siden unikt, kan det være mulig at det samme elementet har blitt brukt på HTML-siden flere steder av ID-attributtet vi identifiserer elementet og innholdet og kan brukes til et annet formål i javascript . Eksemplet er gitt nedenfor.

    Dette er første avsnitt som forklarer hva som er HTML hvordan du bruker det

    Dette er den andre para som forklarer hva som er Cascading Style Sheet og hvordan du bruker det

    Forklaring - I eksemplet over ble det samme elementet brukt to ganger, så hvordan å skille dette elementet bare på ID.

    2) Tittel:

    Denne attributtsyntaxen ligner på ID-attributtene, formålet med disse attributtene vil avhenge av elementet som bærer det, selv om det ofte vises som en verktøytips når markøren kommer over elementet, dette er den viktigste bruken av denne attributtet. Eksemplet er gitt nedenfor -



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    Produksjon

    Sover fra lang tid

    Hvis vi prøver å bringe markøren vår over "Sov fra lang tid", vil vi se at uansett hvilken tittel vi har brukt i koden vår kommer ut som et verktøytips for markøren.

    3) Klasse:

    Klasseattributtet brukes til å knytte et element til et stilark og spesifiserer klassen for element. Vi lærer mer om bruken av klasseattributtet når vi skal lære Cascading Style Sheet (CSS). Det er hovedbruken i CSS. Verdien for dette attributtet kan også være en mellomrom-separert liste over klassenavn. Eksemplet er gitt nedenfor -

    class = "className11 className12 className53"

    4) stil:

    Det er vant til å skrive den regnende stilregelen på elementnivå, kan forklares bedre med eksemplet gitt nedenfor



    The style Attribute

    Dette er stileksempel tekst, det er rød farge …

    Produksjon

    Dette er stileksempel tekst, det er rød farge …

    Konklusjon - Slik fungerer HTML:

    Siden vi så mange grunnleggende koder, kan websiden opprettes ved hjelp av disse kodene som kan vises for sluttbrukeren når en bruker ber om den spesielle websiden gjennom nettleseren. Arbeidet med visning vil bli gjort av nettet nettleser. I dag finnes det mange nye koder i markedet for å gjøre nettsidene mer attraktive.

    Anbefalte artikler

    Dette har vært en guide til hvordan HTML fungerer. Her har vi diskutert det grunnleggende konseptet for HTML ved å bruke forskjellige tagger og kjerneattributter til HTML. Du kan også se på følgende artikler for å lære mer -

    1. Bruksområder for HTML
    2. HTML5 vs XHTML
    3. HTML5 intervjuspørsmål og svar
    4. Jukseark HTML
    5. HTML-listestiler