Kuidas HTML töötab - Erinevate siltidega HTML-i põhikontseptsioon

Lang L: none (table-of-contents):

Anonim

HTML-i sissejuhatus:

HTML on sildipõhine keel, mida kasutatakse veebilehtede arendamiseks; HTML tähistab hüperteksti märgistuskeelt. Hüpertekst viitab viisile, kuidas veebilehed omavahel lingitakse. Seega nimetatakse veebilehel saadaolevat linki hüpertekstiks. Märgistuskeel on sildid, mis ütlevad brauserile, kuidas leht sellel kuvatakse. Selle töötas välja Berners-Lee 1991. aasta lõpus, kuid HTML2.0 oli esimene 1995. aastal avaldatud standardi spetsifikatsioon. Hiljem tulid selle paljud HTML-i versioonid nagu HTML 4.0. Selle uusim versioon on HTML5.0, mis on ees väga kuulus veebisaitide arendus.

HTML-lehe toimimise struktuur:



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

See silt määratleb dokumendi tüübi ja HTML-i versiooni.

Sildi kohal on täielik HTML-i programmeerimiskeele dokument, mis koosneb dokumendi päisest, mida tähistab…, ja dokumendi korpust, mida tähistab… silt.

peasilt tähistab dokumendi päist, mis hoiab muid HTML-silte, nt jne.

seda silti kasutatakse sildi sees dokumendi pealkirja kirjutamiseks.

silt tähistab dokumendi keha, mis hoiab muid HTML-silte,

,

jne.

HTML-teoste erinevad sildid ja nende kirjeldus:

  • :

Pealkirjamärgendit kasutatakse allpool toodud pealkirjanäite sortide loomiseks



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äljund

1. rubriik
2. rubriik
3. rubriik
4. rubriik
Rubriik 5
Rubriik 6

  • :

See on lõigumärgend paremini mõistetav allpool toodud näite abil.



Paragraph Example

See on teksti esimene lõik.

See on teksti teine ​​lõik.

See on teksti kolmas lõik.

Väljund

See on teksti esimene lõik.
See on teksti teine ​​lõik.
See on teksti kolmas lõik.

  • :

Seda silti kasutatakse rea katkestamiseks. Seda silti võime kasutada alati, kui soovime, et miski algaks järgmiselt realt. See on üherealine silt ei vaja sulgevat silti.

  • :

Pange kogu sisu keskele, asetage selle sildi peamine kasutus veebilehtede loomisel.

  • :

Kasutatakse rea loomiseks, kasutatakse peamiselt siis, kui soovite joonistada ühe rea veebisaidi.

  •  :

See on HTML-i väga oluline silt, mõnes stsenaariumis tahame näidata kõike sama, mis HTML-lehe sisse kirjutatud, sel juhul on see väga kasulik silt. Näide on toodud allpool.



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äljund

Laravel on PHP raamistik. See on veebis kasutatav avatud lähtekoodiga raamistik
rakenduste arendamine. See raamistik põhineb mudeli vaatekontrolleril
selle raamistiku abil välja töötatud projektist tulenevad kujundusmustrid on järgmised:
struktureeritum ja juhitavam. See raamistik kasutab olemasolevat uuesti

    Üksiku ruumi printimiseks kasutatakse seda HTML-is.

    • Sildi atribuudid:

    Atribuudi saame seada sildi tasemel. Näide on toodud allpool



    Align Attribute

    Vasakult joondatud

    Keskel joondatud

    Paremale joondatud

    Väljund

    Vasakult joondatud
    Keskel joondatud
    Paremale joondatud

    HTML-i põhiatribuudid

    Peaaegu kõigi järgneva HTML-i elementidega on kasutatud vähesed põhiatribuudid

    • Id
    • Pealkiri
    • Klass
    • Tüüp

    1) ID:

    Need atribuudid, mida kasutatakse HTML-i elemendi ainulaadseks tuvastamiseks lehel, võib olla võimalik, et sama elementi on HTML-lehel kasutatud mitmes kohas id-atribuudi abil, mille abil tuvastame elemendi ja selle sisu, ning seda saab JavaScriptis kasutada muuks otstarbeks . Näide on toodud allpool.

    See on esimene lõik, mis selgitab HTML-i kasutamist

    See on teine ​​lõik, mis selgitab, mis on kaskaadlaadileht ja kuidas seda kasutada

    Selgitus - ülaltoodud näites kasutas sama elementi kaks korda, kuidas seda elementi ID-ga eristada.

    2) pealkiri:

    See atribuudi süntaks sarnaneb id atribuutidega, nende atribuutide eesmärk sõltub seda kandvast elemendist, ehkki seda kuvatakse sageli tööriistavihjena, kui kursor tuleb elemendi kohale, see on selle atribuudi põhikasutus. Näide on toodud allpool -



    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äljund

    Magan pikka aega

    Kui proovime viia kursori pealkirjaga „Pikaajaline magamine”, näeme, et ükskõik milline pealkiri, mida oleme oma koodis kasutanud, tuleb välja kursori näpunäidetena.

    3) klass:

    Klassi atribuuti kasutatakse elemendi seostamiseks stiililehega ja see täpsustab elemendi klassi. Klassi atribuudi kasutamise kohta saame rohkem teada, kui õpime CSS-i. CSS-is kasutatakse seda peamiselt. Selle atribuudi väärtus võib olla ka klasside nimede tühikuga eraldatud loend. Näide on toodud allpool -

    class = "className11 className12 className53"

    4) stiil:

    See on harjunud kirjutama kaskaadstiili reeglit elementide tasemel, seda saab paremini selgitada allpool toodud näitega



    The style Attribute

    See on stiilinäite tekst, see on punane värv …

    Väljund

    See on stiilinäite tekst, see on punane värv …

    Järeldus - kuidas HTML töötab:

    Kuna nägime paljusid põhisilte, saab veebilehte luua nende siltide abil, mida saab lõppkasutajale kuvada iga kord, kui kasutaja soovib konkreetset veebilehte oma veebibrauseri kaudu, teeb selle kuvamise ära veeb brauser. Täna on turul palju uusi silte, mis muudavad veebilehtede atraktiivsemaks.

    Soovitatavad artiklid

    See on olnud HTML toimimise juhend. Siin oleme arutanud HTML-i põhikontseptsiooni, kasutades erinevaid silte ja HTML-i põhiatribuute. Lisateabe saamiseks võite vaadata ka järgmisi artikleid -

    1. HTML-i rakendused
    2. HTML5 vs XHTML
    3. HTML5 intervjuu küsimused ja vastused
    4. Petmise lehe HTML
    5. HTML-i loendistiilid