Jak HTML funguje - Základní koncepce HTML s různými značkami

Obsah:

Anonim

Úvod do fungování HTML:

HTML je jazyk založený na značkách používaný k vývoji webových stránek; HTML znamená Hyper Text Markup Language. Hypertext označuje způsob propojení webových stránek. Odkaz, který je k dispozici na webové stránce, se tedy nazývá Hypertext. Je to značkovací jazyk, což jsou značky, které prohlížeči říkají, jak bude stránka na něm vykreslena. Byl vyvinut společností Berners-Lee na konci roku 1991, ale „HTML2.0“ byla první standardní specifikace publikovaná v roce 1995. Později její mnoho verzí HTML přišlo jako HTML 4.0, v současné době je nejnovější verzí HTML5.0, která je v popředí velmi slavná vývoj webových stránek na konci.

Struktura fungování stránky 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



title tag of html

heading tag of html
paragraph tag of html

Tato značka definuje typ dokumentu a verzi HTML.

Výše uvedená značka uzavírá kompletní dokument programovacího jazyka HTML, skládá se z hlavičky dokumentu, která je reprezentována… a těla dokumentu, které je reprezentováno… značkami.

značka head představuje záhlaví dokumentu, které může uchovávat další značky HTML, atd.

tato značka se používá uvnitř značky k napsání názvu dokumentu.

značka představuje tělo dokumentu, které udržuje další značky HTML jako,

,

atd.

Různé značky HTML prací a jejich popis:

  • :

Značka nadpisu slouží k vytváření odrůd příkladu příkladu uvedeného níže



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

Výstup

Okruh 1
Okruh 2
Okruh 3
Okruh 4
Okruh 5
Okruh 6

  • :

Toto je značka odstavce, kterou lze lépe porozumět níže uvedenému příkladu.



Paragraph Example

Toto je první odstavec textu.

Toto je druhý odstavec textu.

Toto je třetí odstavec textu.

Výstup

Toto je první odstavec textu.
Toto je druhý odstavec textu.
Toto je třetí odstavec textu.

  • :

Tato značka se používá k přerušení řádku, můžeme tuto značku použít, kdykoli chceme, aby cokoli začalo od dalšího řádku. Jde o jedinou řádkovou značku, která nevyžaduje uzavírací značku.

  • :

Umístěte celý obsah do středu tohoto hlavního použití této značky při vytváření webové stránky.

  • :

Používá se k vytvoření řádku, používá se hlavně, když chcete nakreslit jednu řádkovou webovou stránku.

  •  :

Toto je velmi důležitá značka HTML, v některých scénářích chceme ukázat vše stejné, jak je napsáno uvnitř HTML stránky, v těchto případech je to velmi užitečná značka. Příklad je uveden níže.



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

Výstup

Laravel je PHP framework. Je to open source framework používaný na webu
vývoj aplikací. Tento rámec je založen na řadiči zobrazení modelu
návrhový vzor v důsledku tohoto projektu vytvořeného pomocí tohoto rámce jsou
více strukturované a zvládnutelné. Tento rámec znovu používá stávající

    Pro tisk jednoho místa se používá v HTML.

    • Vlastnosti tagů:

    Vlastnost můžeme nastavit na úrovni značky Příklad uvedený níže



    Align Attribute

    Zarovnání doleva

    Zarovnán na střed

    Zarovnáno doprava

    Výstup

    Zarovnání doleva
    Zarovnán na střed
    Zarovnáno doprava

    Základní atributy HTML

    Existuje několik základních atributů, které byly použity u téměř všech prvků HTML, které následují

    • Id
    • Titul
    • Třída
    • Typ

    1) Id:

    U těchto atributů, které slouží k jedinečné identifikaci prvku HTML na stránce, je možné, že stejný prvek byl na stránce HTML použit na více místech pomocí atributu id, který identifikujeme prvek a jeho obsah, a lze jej použít v JavaScriptu k jinému účelu . Příklad je uveden níže.

    Toto je první odstavec, který vysvětluje, co je HTML, jak jej používat

    Toto je druhý odstavec, který vysvětluje, co je kaskádový styl a jak jej používat

    Vysvětlení - Ve výše uvedeném příkladu byl stejný prvek použit dvakrát, takže jak tento prvek odlišit pouze podle ID.

    2) Název:

    Tato syntaxe atributu je podobná atributům id, účel těchto atributů bude záviset na prvku, který jej nese, ačkoli se často zobrazuje jako popisek, když kurzor přejde na prvek, jedná se o hlavní použití tohoto atributu. Příklad je uveden níže -



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    Výstup

    Spí z dlouhé doby

    Pokud se pokusíme přenést kurzor nad „Spánek z dlouhé doby“, uvidíme, že jakýkoli název, který jsme použili v našem kódu, vychází jako popis kurzoru.

    3) Třída:

    Atribut class se používá k přiřazení prvku k šabloně stylů a určuje třídu prvku. Dozvíte se více o použití atributu třídy, když se naučíme kaskádový styl (CSS) .Jeho hlavní použití v CSS. Hodnota pro tento atribut může být také seznam názvů tříd oddělených mezerami. Příklad je uveden níže -

    class = "className11 className12 className53"

    4) Styl:

    Používá se k psaní pravidla kaskádového stylu na úrovni prvku, lze jej lépe vysvětlit pomocí níže uvedeného příkladu



    The style Attribute

    Toto je ukázkový text ve stylu, má červenou barvu …

    Výstup

    Toto je ukázkový styl, je červená barva …

    Závěr - Jak funguje HTML:

    Jak jsme viděli mnoho základních značek, webovou stránku lze vytvořit pomocí těchto značek, které lze zobrazit koncovému uživateli vždy, když uživatel prostřednictvím webové prohlížeče požádá o konkrétní webovou stránku, práci se zobrazováním provede web prohlížeč. Dnes existuje na trhu mnoho nových značek, které zvyšují atraktivitu webových stránek.

    Doporučené články

    Toto byl průvodce, jak funguje HTML. Zde jsme diskutovali základní koncept HTML pomocí různých značek a základních atributů HTML. Další informace naleznete také v následujících článcích -

    1. Aplikace HTML
    2. HTML5 vs XHTML
    3. HTML5 Interview Otázky a odpovědi
    4. Cheat Sheet HTML
    5. Styly seznamu HTML