Introduktion till hur HTML fungerar:

HTML är ett tagbaserat språk som används för utveckling av webbsidor; HTML står för Hyper Text Markup Language. Hypertext hänvisar till hur webbsidor kopplas samman. Således kallas länken som finns på en webbsida Hypertext. Det är markeringsspråk som är taggar som berättar webbläsaren hur sidan kommer att visas på den. Det utvecklades av Berners-Lee i slutet av 1991 men "HTML2.0" var den första standardspecifikationen som publicerades 1995. Senare kom dess många versioner av HTML som HTML 4.0 för närvarande den senaste versionen av den är HTML5.0 som är mycket känd framför avsluta utvecklingen av webbplatser.

Struktur för hur HTML-sidan fungerar:



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

Den här taggen definierar typen av dokument och HTML-version.

Ovanstående tagg innehåller det kompletta dokumentet för HTML-programmeringsspråk, som består av dokumenthuvud som representeras av … och dokumentkropp som representeras av … taggar.

head tag representerar dokumentets rubrik som kan behålla andra HTML-taggar som etc.

den här taggen används i taggen för att skriva dokumenttiteln.

taggen representerar dokumentets kropp som behåller andra HTML-taggar som,

,

etc.

Olika taggar av HTML-verk och deras beskrivning:

  • :

Använd rubrikmärke för att skapa sorter av rubrikeksemplet som ges nedan



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

Rubrik 1
Rubrik 2
Rubrik 3
Rubrik 4
Rubrik 5
Rubrik 6

  • :

Detta är en stycketikett kan bättre förstås med exemplet nedan.



Paragraph Example

Detta är ett första stycke i texten.

Detta är ett andra stycke i texten.

Detta är ett tredje stycke i texten.

Produktion

Detta är det första stycket i texten.
Detta är textens andra stycke.
Detta är tredje stycket i texten.

  • :

Den här taggen används för att bryta linjen, vi kan använda den här taggen när vi vill att något kommer att starta från nästa rad. Det är en enda rad tagg inte kräver en stängning tagg.

  • :

Sätt hela innehållet i centrum placera denna huvudsakliga användning av denna tagg i skapandet av webbsidor.

  • :

Används för att skapa raden, används främst när du vill rita en enda radsida.

  •  :

Detta är en mycket viktig HTML-tagg, i vissa scenarier vill vi visa allt på samma sätt som det skrivits på HTML-sidan i dessa fall är det en mycket användbar tagg. Exemplet ges nedan.



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 är PHP-ramverket. Det är en öppen källkodsram som används på webben
applikationsutveckling. Detta ramverk är baserat på modellvisningsstyrenhet
designmönster på grund av detta projekt som utvecklats med hjälp av denna ram är
mer strukturerad och hanterbar. Detta ramverk återanvänder det befintliga

    För att skriva ut enstaka utrymme används detta i HTML.

    • Taggar Egenskaper:

    Vi kan ställa in egenskapen på etikettnivå Exempel som ges nedan



    Align Attribute

    Vänsterjusterad

    Mittlinje

    Rätt inriktad

    Produktion

    Vänsterjusterad
    Mittlinje
    Rätt inriktad

    Kärnattribut för HTML

    Det finns få kärnattribut som har använts med nästan alla HTML-element som följer

    • Id
    • Titel
    • Klass
    • Typ

    1) Id:

    Dessa attribut som används för att identifiera HTML-elementet på sidan unikt, det kan vara möjligt att samma element har använts på HTML-sidan på flera platser med ID-attributet som vi identifierar elementet och dess innehåll och kan användas för ett annat syfte i javascript . Exemplet ges nedan.

    Detta är första stycket som förklarar vad som är HTML för hur man använder det

    Detta är det andra avsnittet som förklarar vad som är Cascading Style Sheet och hur man använder det

    Förklaring - I exemplet ovan använde samma element två gånger, så hur man kan skilja detta element bara på ID.

    2) Titel:

    Denna attributsyntax liknar id-attributen, syftet med dessa attribut kommer att bero på elementet som bär det, även om det ofta visas som ett verktygstips när markören kommer över elementet, detta är den huvudsakliga användningen av detta attribut. Exemplet ges nedan -



    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

    Sov från länge

    Om vi ​​försöker föra markören över "Sova från en lång tid" ser vi att vilken titel vi har använt i vår kod kommer ut som ett verktygstips för markören.

    3) Klass:

    Klassattributet används för att associera ett element med ett formatmall och anger klassen för element. Vi kommer att lära oss mer om användningen av klassattributet när vi kommer att lära oss Cascading Style Sheet (CSS). Det är dess huvudsakliga användning i CSS. Värdet för detta attribut kan också vara en mellanseparerad lista över klassnamn. Exemplet ges nedan -

    class = "className11 className12 className53"

    4) stil:

    Det är van vid att skriva den kaskade stilregeln på elementnivå, kan förklaras bättre med exemplet nedan



    The style Attribute

    Detta är stilexempeltext, det är röd färg …

    Produktion

    Detta är stilexempeltext, det är röd färg …

    Slutsats - hur HTML fungerar:

    Eftersom vi såg många grundläggande taggar kan webbsidan skapas med hjälp av dessa taggar som kan visas för slutanvändaren när en användare begär en viss webbsida genom sin webbläsare, arbetet med visning kommer att göras av webben webbläsare. Idag finns det många nya taggar på marknaden för att göra webbsidor mer attraktiva.

    Rekommenderade artiklar

    Detta har varit en guide till hur HTML fungerar. Här har vi diskuterat det grundläggande begreppet HTML genom att använda olika taggar och kärnattribut för HTML. Du kan också titta på följande artiklar för att lära dig mer -

    1. Användningar av HTML
    2. HTML5 vs XHTML
    3. HTML5 intervjufrågor och svar
    4. Cheat Sheet HTML
    5. HTML-liststilar

    Kategori:

    Verktyg för webbutveckling