Hoe HTML werkt - Basisconcept HTML met verschillende tags

Inhoudsopgave:

Anonim

Inleiding tot hoe HTML werkt:

HTML is een op tags gebaseerde taal die wordt gebruikt voor de ontwikkeling van webpagina's; HTML staat voor Hyper Text Markup Language. Hypertext verwijst naar de manier waarop webpagina's aan elkaar zijn gekoppeld. De link die beschikbaar is op een webpagina wordt dus Hypertext genoemd. Het is een opmaaktaal die bestaat uit tags die de browser vertellen hoe de pagina erop wordt weergegeven. Het werd ontwikkeld door Berners-Lee in eind 1991, maar "HTML2.0" was de eerste standaardspecificatie die in 1995 werd gepubliceerd. Later kwamen de vele versies van HTML eruit als HTML 4.0, momenteel is de nieuwste versie ervan HTML5.0 die vooraan beroemd is einde websites ontwikkeling.

Structuur van hoe HTML-pagina werkt:



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

Deze tag definieert het type document en de HTML-versie.

Bovenstaande tag omsluit het complete HTML-programmeertaaldocument, bestaat uit documentkop die wordt weergegeven door … en documenttekst die wordt weergegeven door … tags.

head-tag vertegenwoordigt de koptekst van het document die andere HTML-tags zoals, enz. kan bevatten.

deze tag wordt in de tag gebruikt om de documenttitel te schrijven.

tag vertegenwoordigt de hoofdtekst van het document, die andere HTML-tags bevat zoals,

,

enz.

Verschillende tags van HTML-werken en hun beschrijving:

  • :

Richtingstag gebruiken om variëteiten te maken van het onderstaande kopvoorbeeld



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

uitgang

Koptekst 1
Kop 2
Rubriek 3
Rubriek 4
Kop 5
Rubriek 6

  • :

Dit is een paragraaftag die beter kan worden begrepen door het onderstaande voorbeeld.



Paragraph Example

Dit is een eerste alinea tekst.

Dit is een tweede paragraaf met tekst.

Dit is een derde alinea van de tekst.

uitgang

Dit is de eerste alinea van de tekst.
Dit is de tweede alinea van de tekst.
Dit is de derde alinea van de tekst.

  • :

Deze tag wordt gebruikt om de regel te breken, we kunnen deze tag gebruiken wanneer we willen dat er iets begint vanaf de volgende regel. Het is een tag met één regel die geen afsluitende tag vereist.

  • :

Plaats de hele inhoud in het midden van dit hoofdgebruik van deze tag bij het maken van webpagina's.

  • :

Gebruikt voor het maken van de lijn, voornamelijk gebruikt wanneer u een webpagina met een enkele lijn wilt tekenen.

  •  :

Dit is een zeer belangrijke tag van HTML, in sommige scenario's willen we alles hetzelfde laten zien als geschreven op de HTML-pagina, in die gevallen is het een zeer nuttige tag. Het voorbeeld wordt hieronder gegeven.



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

uitgang

Laravel is het PHP-framework. Het is een open source framework dat wordt gebruikt op internet
applicatie ontwikkeling. Dit raamwerk is gebaseerd op modelweergavecontroller
ontwerppatroon als gevolg van dit project ontwikkeld met behulp van dit kader zijn
meer gestructureerd en beheersbaar. Dit raamwerk hergebruikt het bestaande

    Om één spatie af te drukken, wordt dit gebruikt in HTML.

    • Tags eigenschappen:

    We kunnen de eigenschap instellen op tag niveau Voorbeeld hieronder gegeven



    Align Attribute

    Links uitgelijnd

    Midden uitgelijnd

    Rechts uitgelijnd

    uitgang

    Links uitgelijnd
    Midden uitgelijnd
    Rechts uitgelijnd

    Kernattributen van HTML

    Er zijn weinig kernattributen die zijn gebruikt met bijna alle HTML-elementen die volgen

    • ID kaart
    • Titel
    • Klasse
    • Type

    1) Id:

    Deze attributen die worden gebruikt om het HTML-element op de pagina op unieke wijze te identificeren, het kan zijn dat hetzelfde element op meerdere plaatsen op de HTML-pagina is gebruikt door het id-kenmerk waarmee we het element en de inhoud ervan identificeren en voor een ander doel in javascript kunnen worden gebruikt . Het voorbeeld wordt hieronder gegeven.

    Dit is de eerste paragraaf waarin wordt uitgelegd wat HTML is hoe het te gebruiken

    Dit is de tweede alinea die uitlegt wat Cascading Style Sheet is en hoe het te gebruiken

    Verklaring - In het bovenstaande voorbeeld werd hetzelfde element twee keer gebruikt, dus hoe dit element alleen op basis van de ID te onderscheiden.

    2) Titel:

    Deze attribuutsyntaxis is vergelijkbaar met de id-attributen, het doel van deze attributen zal afhangen van het element dat het draagt, hoewel het vaak wordt weergegeven als een tooltip wanneer de cursor over het element komt, dit is het belangrijkste gebruik van dit attribuut. Het voorbeeld wordt hieronder gegeven -



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    uitgang

    Lang slapen

    Als we proberen onze cursor over "Slapen van een lange tijd" te brengen, zullen we zien dat elke titel die we in onze code hebben gebruikt, uitkomt als een tooltip van de cursor.

    3) Klasse:

    Het klasse-attribuut wordt gebruikt om een ​​element aan een stijlblad te koppelen en geeft de klasse van het element aan. We zullen meer leren over het gebruik van het class-attribuut wanneer we Cascading Style Sheet (CSS) leren kennen. Het belangrijkste gebruik ervan in CSS. Waarde voor dit kenmerk kan ook een door spaties gescheiden lijst met klassenamen zijn. Het voorbeeld wordt hieronder gegeven -

    class = "className11 className12 className53"

    4) Stijl:

    Het wordt gebruikt om de trapsgewijze stijlregel op elementniveau te schrijven, kan beter worden verklaard door het onderstaande voorbeeld



    The style Attribute

    Dit is een voorbeeldtekst in stijl, het is een rode kleur …

    uitgang

    Dit is een voorbeeldtekst in stijl, het is een rode kleur …

    Conclusie - Hoe HTML werkt:

    Zoals we veel basistags zagen, kan de webpagina worden gemaakt met behulp van deze tags die aan de eindgebruiker kunnen worden weergegeven wanneer een gebruiker de specifieke webpagina via zijn webbrowser opvraagt, het weergeven gebeurt door het web browser. Tegenwoordig zijn er veel nieuwe tags op de markt om webpagina's aantrekkelijker te maken.

    Aanbevolen artikelen

    Dit is een gids geweest voor hoe HTML werkt. Hier hebben we het basisconcept van HTML besproken met behulp van verschillende tags en kernkenmerken van HTML. U kunt ook de volgende artikelen bekijken voor meer informatie -

    1. Toepassingen van HTML
    2. HTML5 versus XHTML
    3. Vragen en antwoorden over HTML5-sollicitatiegesprekken
    4. Cheatsheet HTML
    5. HTML-lijststijlen