Sådan fungerer HTML - Grundlæggende koncept af HTML med forskellige tags

Indholdsfortegnelse:

Anonim

Introduktion til hvordan HTML fungerer:

HTML er et tag-baseret sprog, der bruges til udvikling af websider; HTML står for Hyper Text Markup Language. Hypertext refererer til den måde, hvorpå websider er knyttet sammen. Således kaldes linket på en webside Hypertext. Det er markeringssprog, der er tags, der fortæller browseren, hvordan siden gengives på den. Det blev udviklet af Berners-Lee i slutningen af ​​1991, men "HTML2.0" var den første standardspecifikation, der blev offentliggjort i 1995. Senere kom dens mange versioner af HTML som HTML 4.0, i øjeblikket den seneste version af det er HTML5.0, som er meget berømt foran afslutte udvikling af websteder.

Struktur af 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

Dette tag definerer dokumenttypen og HTML-versionen.

Ovenstående tag omslutter det komplette HTML-programmeringssprogdokument, der består af dokumenthoved, der er repræsenteret af… og dokumentlegeme, der er repræsenteret med… -koder.

head tag repræsenterer dokumentets header, der kan beholde andre HTML-tags som osv.

dette tag bruges inden i tagget til at skrive dokumenttitlen.

tag repræsenterer dokumentets krop, som holder andre HTML-tags som,

,

etc.

Forskellige tags af HTML-værker og deres beskrivelse:

  • :

Brug af overskrifttag til at oprette sorter af overskrifteneksemplet 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

Produktion

Udgiftsområde 1
Udgiftsområde 2
Udgiftsområde 3
Udgiftsområde 4
Udgiftsområde 5
Udgiftsområde 6

  • :

Dette er et afsnitskode, der kan forstås bedre ved nedenstående eksempel.



Paragraph Example

Dette er et første afsnit i teksten.

Dette er et andet afsnit i teksten.

Dette er et tredje afsnit i teksten.

Produktion

Dette er det første afsnit i teksten.
Dette er tekstens andet afsnit.
Dette er tekstens tredje afsnit.

  • :

Dette tag bruges til at bryde linjen, vi kan bruge dette tag, når vi ønsker, at noget vil starte fra den næste linje. Det er et enkelt linjeskilt kræver ikke et lukningskode.

  • :

Sæt hele indholdet i centrum placere denne vigtigste anvendelse af dette tag i oprettelse af websider.

  • :

Bruges til oprettelse af linjen, hovedsageligt brugt, når du vil tegne en enkelt linje webside.

  •  :

Dette er et meget vigtigt HTML-tag, i et vist scenarie vil vi vise alt det samme, som det er skrevet på HTML-siden i disse tilfælde er det et meget nyttigt tag. Eksemplet er givet 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

Produktion

Laravel er PHP-rammen. Det er en open source-ramme, der bruges i web
applikationsudvikling. Denne ramme er baseret på model view controller
designmønster på grund af dette projekt udviklet ved hjælp af denne ramme er
mere struktureret og håndterbar. Denne ramme genbruger det eksisterende

    For at udskrive enkelt plads bruges dette i HTML.

    • Egenskaber for tags:

    Vi kan indstille egenskaben på tag-niveaueksempel givet nedenfor



    Align Attribute

    Venstre justeret

    Centerjusteret

    Højre justeret

    Produktion

    Venstre justeret
    Centerjusteret
    Højre justeret

    Kerneattributter af HTML

    Der er få kerneattributter, der er blevet brugt med næsten alt det HTML-element, der følger

    • Id
    • Titel
    • klasse
    • Type

    1) Id:

    Disse attributter, der bruges til unikt at identificere HTML-elementet på siden, det kan være muligt, at samme element er blevet brugt på HTML-siden flere steder af id-attributten, vi identificerer elementet og dets indhold og kan bruges til et andet formål i javascript . Eksemplet er givet nedenfor.

    Dette er det første afsnit, der forklarer, hvad der er HTML, hvordan man bruger det

    Dette er det andet afsnit, der forklarer, hvad der er Cascading Style Sheet, og hvordan man bruger det

    Forklaring - I ovenstående eksempel blev det samme element brugt to gange, så hvordan man kun differentierer dette element efter ID.

    2) Titel:

    Denne attribut-syntaks svarer til id-attributterne, formålet med disse attributter vil afhænge af det element, der bærer det, selvom det ofte vises som en værktøjstip, når markøren kommer over elementet, dette er den vigtigste anvendelse af denne attribut. Eksemplet er givet 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

    Produktion

    Sover fra længe

    Hvis vi prøver at bringe vores markør over "Sov fra lang tid", vil vi se, at uanset hvilken titel, vi har brugt i vores kode, kommer ud som et værktøjstip til markøren.

    3) Klasse:

    Klasseattributten bruges til at knytte et element til et typografiark og specificerer klassen af ​​elementet. Vi lærer mere om brugen af ​​klasseattributten, når vi lærer Cascading Style Sheet (CSS). Det er den vigtigste anvendelse i CSS. Værdi for denne attribut kan også være en mellemrumsskilt liste over klassnavne. Eksemplet er givet nedenfor -

    class = "className11 className12 className53"

    4) stil:

    Det er vant til at skrive reglen om kaskadestil på elementniveau, kan bedre forklares med nedenstående eksempel



    The style Attribute

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

    Produktion

    Dette er teksteksempel på tekst, det er rød farve …

    Konklusion - Sådan fungerer HTML:

    Som vi så mange grundlæggende tags, kan websiden oprettes ved hjælp af disse tags, som kan vises for slutbrugeren, når en bruger anmoder om den bestemte webside gennem sin webbrowser, arbejdet med visning vil blive udført af nettet browser. I dag findes der mange nye tags på markedet for at gøre websider mere attraktive.

    Anbefalede artikler

    Dette har været en guide til, hvordan HTML fungerer. Her har vi diskuteret det grundlæggende koncept af HTML ved hjælp af forskellige tags og kerneegenskaber i HTML. Du kan også se på de følgende artikler for at lære mere -

    1. Anvendelser af HTML
    2. HTML5 vs XHTML
    3. HTML5 Interview Spørgsmål og svar
    4. Cheat Sheet HTML
    5. HTML-listestilarter