Ako funguje HTML Základná koncepcia HTML s rôznymi značkami

Obsah:

Anonim

Úvod do spôsobu fungovania HTML:

HTML je jazyk založený na značkách, ktorý sa používa na vývoj webových stránok; HTML znamená Hyper Text Markup Language. Hypertext predstavuje spôsob prepojenia webových stránok. Odkaz, ktorý je k dispozícii na webovej stránke, sa preto nazýva Hypertext. Je to značkovací jazyk, ktorý je značkami, hovorí prehliadaču, ako sa stránka na nej vykreslí. Bola vyvinutá spoločnosťou Berners-Lee na konci roku 1991, ale „HTML2.0“ bola prvou štandardnou špecifikáciou uverejnenou v roku 1995. Neskôr jej mnoho verzií HTML prišlo ako HTML 4.0, v súčasnosti jej najnovšia verzia je HTML5.0, ktorá je v prednej dobe veľmi slávna vývoj webových stránok na konci.

Štruktúra fungovania 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

Táto značka definuje typ dokumentu a verziu HTML.

Vyššie uvedená značka uzatvára celý dokument programovacieho jazyka HTML, pozostáva z hlavičky dokumentu, ktorá je reprezentovaná … a tela dokumentu, ktoré je reprezentované … značkami.

značka head predstavuje hlavičku dokumentu, ktorá môže obsahovať ďalšie značky HTML, atď.

táto značka sa používa vo vnútri značky na písanie názvu dokumentu.

značka predstavuje telo dokumentu, ktoré uchováva ďalšie značky HTML, ako napríklad,

,

atď.

Rôzne značky HTML diel a ich popis:

  • :

Značka nadpisu sa používa na vytvorenie odrôd príkladu nadpisu uvedeného nižšie



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ýkon

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

  • :

Toto je značka odseku, ktorá sa dá lepšie pochopiť na príklade uvedenom nižšie.



Paragraph Example

Toto je prvý odsek textu.

Toto je druhý odsek textu.

Toto je tretí odsek textu.

Výkon

Toto je prvý odsek textu.
Toto je druhý odsek textu.
Toto je tretí odsek textu.

  • :

Táto značka sa používa na prerušenie riadku. Túto značku môžeme použiť vždy, keď chceme, aby sa niečo začalo od nasledujúceho riadku. Je to jednoriadková značka, ktorá nevyžaduje uzatváraciu značku.

  • :

Celý obsah umiestnite do centra tohto hlavného použitia tejto značky pri vytváraní webovej stránky.

  • :

Používa sa na vytvorenie riadku, ktorý sa používa hlavne vtedy, keď chcete nakresliť jednu riadkovú webovú stránku.

  •  :

Toto je veľmi dôležitá značka HTML, v niektorých prípadoch chceme ukázať všetko rovnaké, ako je napísané na stránke HTML, v týchto prípadoch je to veľmi užitočná značka. Príklad je uvedený nižšie.



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ýkon

Laravel je rámec PHP. Je to open source framework používaný na webe
vývoj aplikácií. Tento rámec je založený na kontroléri modelu pohľadu
Dizajnový vzor v dôsledku tohto projektu vyvinutý pomocou tohto rámca je
štruktúrovanejšie a lepšie zvládnuteľné. Tento rámec opätovne využíva existujúce

    Na tlač jedného miesta sa používa v HTML.

    • Vlastnosti značiek:

    Vlastnosť môžeme nastaviť na úrovni značky Príklad uvedený nižšie



    Align Attribute

    Zarovnané vľavo

    Zarovnané na stred

    Zarovnané doprava

    Výkon

    Zarovnané vľavo
    Zarovnané na stred
    Zarovnané doprava

    Základné atribúty HTML

    Existuje niekoľko základných atribútov, ktoré sa použili s takmer všetkými prvkami HTML, ktoré nasledujú

    • id
    • nadpis
    • Trieda
    • typ

    1) Id:

    Tieto atribúty použité na jedinečnú identifikáciu prvku HTML na stránke, je možné, že ten istý prvok bol na stránke HTML použitý na viacerých miestach pomocou atribútu id, ktorý identifikujeme prvok a jeho obsah, a možno ho použiť na iný účel v javascripte, Príklad je uvedený nižšie.

    Toto je prvý odsek, ktorý vysvetľuje, čo je HTML, ako ho používať

    Toto je druhý odsek, ktorý vysvetľuje, čo je kaskádový štýl a ako ho používať

    Vysvetlenie - V uvedenom príklade sa ten istý prvok použil dvakrát, aby sa tento prvok rozlišoval iba podľa ID.

    2) Názov:

    Táto syntax atribútov je podobná atribútom id. Účel týchto atribútov bude závisieť od prvku, ktorý ju nesie, hoci sa často zobrazuje ako popis, keď kurzor prejde na prvok, jedná sa o hlavné použitie tohto atribútu. Príklad je uvedený nižšie -



    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ýkon

    Spí z dlhej doby

    Ak sa pokúsime presunúť kurzor nad „Spánok z dlhého času“, uvidíme, že akýkoľvek nadpis, ktorý sme použili v našom kóde, vychádza ako popis kurzora.

    3) Trieda:

    Atribút triedy sa používa na priradenie prvku k hárku štýlov a určuje triedu prvku. Dozvieme sa viac o použití atribútu triedy, keď sa naučíme kaskádové štýly (CSS). Hlavné použitie v CSS. Hodnota tohto atribútu môže byť tiež zoznam názvov tried oddelených medzerami. Príklad je uvedený nižšie -

    class = "className11 className12 className53"

    4) Štýl:

    Používa sa na písanie pravidla kaskádového štýlu na úrovni prvkov, možno ho lepšie vysvetliť príkladom uvedeným nižšie



    The style Attribute

    Toto je príklad štýlu, má červenú farbu …

    Výkon

    Toto je príklad štýlu, má červenú farbu …

    Záver - Ako funguje HTML:

    Ako sme videli veľa základných značiek, webovú stránku je možné vytvoriť pomocou týchto značiek, ktoré sa môžu zobraziť koncovému užívateľovi vždy, keď si užívateľ vyžiada konkrétnu webovú stránku prostredníctvom svojho webového prehľadávača. browser. Dnes na trhu existuje veľa nových značiek, ktoré zvyšujú atraktivitu webových stránok.

    Odporúčané články

    Toto bol návod, ako funguje HTML. Tu sme diskutovali základný koncept HTML pomocou rôznych značiek a základných atribútov HTML. Ďalšie informácie nájdete aj v nasledujúcich článkoch -

    1. Aplikácie HTML
    2. HTML5 vs XHTML
    3. Otázky a odpovede týkajúce sa rozhovoru HTML5
    4. Cheat Sheet HTML
    5. Štýly zoznamu HTML