Hogyan működik a HTML - Alapvető fogalma a HTML különböző címkékkel

Tartalomjegyzék:

Anonim

Bevezetés a HTML működéséhez:

A HTML egy címke alapú nyelv, amelyet weboldalak fejlesztésére használnak; A HTML a hiper szöveges jelölőnyelv. A hipertext arra utal, hogy a weboldalak hogyan kapcsolódnak egymáshoz. Így a weboldalon elérhető linket Hypertextnek hívják. A jelölőnyelv azt jelenti, hogy a címkék megmutatják a böngészőnek az oldal megjelenítésének módját. Berners-Lee fejlesztette ki 1991 végén, de a „HTML2.0” volt az első, 1995-ben közzétett szabványos specifikáció. Később a HTML számos verziója olyan volt, mint a HTML 4.0, jelenleg a legújabb verzió a HTML5.0, amely nagyon híres előtte. webhelyek fejlesztése.

A HTML oldal működésének szerkezete:



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

Ez a címke határozza meg a dokumentum típusát és a HTML verziót.

A címke fölött a teljes HTML programozási nyelv dokumentumot tartalmazza, amely tartalmaz egy dokumentum fejlécet, amelyet… képvisel, és a dokumentum törzsét, amelyet… címkék képviselnek.

a fejcímke a dokumentum fejlécet képviseli, amely más HTML-címkéket, például stb.

ezt a címkét a címke belsejében használják a dokumentum címének írására.

a tag jelöli a dokumentum testét, amely más HTML-címkéket is tart, például,

,

stb.

A HTML munkák különböző címkéi és leírása:

  • :

A fejléccímkét az alábbiakban megadott példaminták fajtáinak létrehozására használják



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

Kimenet

1. fejezet
2. fejezet
3. fejezet
4. fejezet
5. fejezet
6. fejezet

  • :

Ez egy bekezdéscímke az alábbiakban bemutatott példával jobban megérthető.



Paragraph Example

Ez a szöveg első bekezdése.

Ez a szöveg második bekezdése.

Ez a szöveg harmadik bekezdése.

Kimenet

Ez a szöveg első bekezdése.
Ez a szöveg második bekezdése.
Ez a szöveg harmadik bekezdése.

  • :

Ezt a címkét a sor megszakítására használják, ezt a címkét bármikor használhatjuk, amikor csak azt akarjuk, hogy bármi a következő sorból induljon. Egy soros címke nem igényel záró címkét.

  • :

Helyezze a teljes tartalmat középpontba, és helyezze el ennek a címkének a fő használatát a weblapok létrehozásában.

  • :

A sor létrehozásához használják, főleg akkor, amikor egyetlen vonalú weblapot szeretne felhívni.

  •  :

Ez egy nagyon fontos HTML címke, bizonyos esetekben azt akarjuk, hogy mindent ugyanúgy jelenítsünk meg, mint amit a HTML oldalon írtunk, ezekben az esetekben ez egy nagyon hasznos címke. A példát az alábbiakban adjuk meg.



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

Kimenet

A Laravel a PHP keretrendszer. Ez egy nyílt forráskódú keret, amelyet a weben használnak
alkalmazásfejlesztés. Ez a keret a modell nézet-vezérlőn alapul
ennek a keretnek a segítségével kidolgozott projekt kialakítási mintája
strukturáltabb és kezelhetőbb. Ez a keret újra felhasználja a meglévőt

    Egyetlen terület nyomtatásához ezt a HTML-ben használják.

    • Címkék tulajdonságai:

    Az tulajdonságot az alábbi címkeszint-szintre állíthatjuk



    Align Attribute

    Balra igazítva

    Középpontban igazítva

    Jobbra igazítva

    Kimenet

    Balra igazítva
    Középpontban igazítva
    Jobbra igazítva

    A HTML alapvető attribútumai

    Kevés olyan alapvető attribútum van, amelyeket szinte az összes követett HTML elemnél használtak

    • Id
    • Cím
    • Osztály
    • típus

    1) Id:

    Ezek az attribútumok egyedileg azonosítják az oldal HTML elemét. Lehetséges, hogy ugyanazt az elemet a HTML oldalon több helyen használták az id attribútum segítségével, amelyet az elem és annak tartalma azonosítunk, és felhasználhatók más célokra a javascript-ben . A példát az alábbiakban adjuk meg.

    Ez az első bekezdés magyarázza, mi a HTML használata

    Ez a második paraméter, amely elmagyarázza, mi a lépcsőzetes stíluslap és hogyan kell használni

    Magyarázat - A fenti példában ugyanazt az elemet kétszer használták, tehát hogyan lehet az elemet kizárólag az azonosító alapján megkülönböztetni.

    2) Cím:

    Ez az attribútum szintaxisa hasonló az id attribútumokhoz, ezen attribútumok célja az azt hordozó elemtől függ, bár gyakran eszköztippként jelenik meg, amikor a kurzor az elem fölé kerül, ez az attribútum fő használata. A példa az alábbiakban található -



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    Kimenet

    Alszik sokáig

    Ha megpróbáljuk vigye a kurzort az „Alvás hosszú ideje” fölé, látni fogjuk, hogy bármilyen cím, amelyet kódunkban használtunk, a kurzor eszköztippjeként jelenik meg.

    3) Osztály:

    Az class attribútum egy elem hozzárendeléséhez egy stíluslaphoz, és meghatározza az elem osztályát. Az class attribútum használatáról többet megtudhatunk, amikor megtanuljuk a CSS-t (Cascading Style Sheet) .Ez főként a CSS-ben használják. Az attribútum értéke szóközökkel elválasztott osztálynevek listája is lehet. A példa az alábbiakban található -

    class = "className11 className12 className53"

    4) Stílus:

    Arra szokták, hogy az elemszintű lépcsőzetes stílusszabályt írják, jobban magyarázható az alábbiakban bemutatott példával



    The style Attribute

    Ez stílusstílus-szöveg, piros színű …

    Kimenet

    Ez stílusstílus-szöveg, piros színű …

    Következtetés - Hogyan működik a HTML:

    Mivel sok alapvető címkét láttam, a weboldal ezen címkék segítségével létrehozható, amelyek a végfelhasználó számára megjeleníthetők, amikor a felhasználó az adott weboldalt kéri a böngészőn keresztül, a megjelenítés munkáját a web fogja elvégezni. böngészőt. Manapság sok új címke létezik a piacon, hogy vonzóbbá tegyék a weblapokat.

    Ajánlott cikkek

    Ez egy útmutató a HTML működéséhez. Itt megvitattuk a HTML alapfogalmát a HTML különböző címkéinek és alapvető attribútumainak használatával. A következő cikkeket is megnézheti további információkért -

    1. A HTML alkalmazásai
    2. HTML5 vs XHTML
    3. A HTML5 interjúval kapcsolatos kérdések és válaszok
    4. Cheat Sheet HTML
    5. HTML listastílusok