Kuinka HTML toimii - Peruskonsepti HTML: stä eri tunnisteilla

Johdatus HTML: n toimintaan:

HTML on tag-pohjainen kieli, jota käytetään verkkosivujen kehittämiseen; HTML tarkoittaa hypertekstin merkintäkieltä. Hyperteksti viittaa tapaan, jolla verkkosivut on linkitetty toisiinsa. Siten verkkosivustolla olevaa linkkiä kutsutaan Hypertekstiksi. Se on merkintäkieli, joka on tagit, jotka kertovat selaimelle, kuinka sivu sille esitetään. Sen kehitti Berners-Lee vuoden 1991 lopulla, mutta ”HTML2.0” oli ensimmäinen vuonna 1995 julkaistu standardimääritys. Myöhemmin sen monet HTML-versiot tulivat kuten HTML 4.0. Nykyisin sen viimeisin versio on HTML5.0, joka on edessä hyvin kuuluisa. lopettaa verkkosivustojen kehittäminen.

HTML-sivun toiminnan rakenne:



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ämä tunniste määrittelee asiakirjan tyypin ja HTML-version.

Tagin yläpuolella on täydellinen HTML-ohjelmointikieli-asiakirja, joka koostuu asiakirjan otsikosta, jota edustaa… ja asiakirjan runosta, jota edustaa… tunnisteista.

otsikkotunniste edustaa asiakirjan otsikkoa, joka voi pitää muita HTML-tunnisteita, kuten jne.

tätä tagia käytetään tagin sisällä asiakirjan otsikon kirjoittamiseen.

tunniste edustaa asiakirjan runkoa, joka pitää muita HTML-tunnisteita, kuten,

,

jne.

HTML-teosten eri tunnisteet ja niiden kuvaus:

• :

Otsikkotunnisteella luodaan alla annetusta otsikkoesimerkistä lajikkeita



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


ulostulo

Otsake 1
Otsake 2
Otsake 3
Otsake 4
Otsake 5
Otsake 6

• :

Tämä on kappaleitagi, joka voidaan ymmärtää paremmin alla annetulla esimerkillä.



Paragraph Example



Tämä on tekstin ensimmäinen kappale.

Tämä on tekstin toinen kappale.

Tämä on tekstin kolmas kappale.

ulostulo

Tämä on tekstin ensimmäinen kohta.
Tämä on tekstin toinen kohta.
Tämä on tekstin kolmas kohta.

• :

Tätä tunnistetta käytetään rivin katkaisemiseen, voimme käyttää tätä tunnistetta aina, kun haluamme, että minkä tahansa alkavan seuraavalta riviltä. Se on yksirivinen tunniste, joka ei vaadi sulkevaa tunnistetta.

• :

Laita koko sisältö keskelle ja aseta tämän tunnisteen pääkäyttö verkkosivun luomiseen.

• :

Käytetään linjan luomiseen, käytetään pääasiassa, kun haluat piirtää yhden rivin verkkosivun.

•  :

Tämä on erittäin tärkeä HTML-tunniste, joissakin tapauksissa haluamme näyttää kaiken samalla tavalla kuin HTML-sivun sisällä kirjoitettuna, siinä tapauksessa se on erittäin hyödyllinen tunniste. Esimerkki on annettu alla.



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



ulostulo

Laravel on PHP-kehys. Se on verkossa käytetty avoimen lähdekoodin kehys
sovellus kehitys. Tämä kehys perustuu mallinäkymän ohjaimeen
Tämän kehyksen avulla kehitetyn projektin ansiosta suunnittelumallit ovat
jäsenneltympi ja hallittavissa. Tämä kehys käyttää uudelleen olemassa olevaa

Yhden tilan tulostamiseen sitä käytetään HTML-muodossa.

• Tunnisteiden ominaisuudet:

Voimme asettaa ominaisuuden alla esitetyssä tunnistetason esimerkissä



Align Attribute



Vasen kohdistettu

Keskitetty

Oikein linjassa

ulostulo

Vasen kohdistettu
Keskitetty
Oikein linjassa

HTML: n perusominaisuudet

Muutamia ydinmääreitä, joita on käytetty melkein kaikkien seuraavien HTML-elementtien kanssa

• Id
• otsikko
• luokka
• Tyyppi

1) tunnus:

Nämä määritteet, joita käytetään yksilöimään sivun HTML-elementti, voi olla mahdollista, että samaa elementtiä on käytetty HTML-sivulla useissa paikoissa tunnusominaisuuden avulla, jonka tunnistamme elementin ja sen sisällön, ja sitä voidaan käyttää muuhun tarkoitukseen javascriptissa . Esimerkki on annettu alla.

Tämä on ensimmäinen kappale, joka selittää HTML: n käytön

Tämä on toinen kohta, joka selittää, mikä on Cascading Style Sheet ja kuinka sitä käytetään

Selitys - Yllä olevassa esimerkissä samaa elementtiä käytettiin kaksi kertaa, joten kuinka erottaa tämä elementti vain tunnuksella.

2) Otsikko:

Tämä ominaisuuden syntaksi on samanlainen kuin id-määritteet, näiden määritteiden tarkoitus riippuu sitä kantavasta elementistä, vaikkakin se näytetään usein työkaluvinkinä, kun kohdistin tulee elementin päälle, tämä on tämän ominaisuuden pääkäyttö. Esimerkki on annettu alla -



title Attribute Example

Sleeping from the long time




title Attribute Example

Sleeping from the long time




title Attribute Example

Sleeping from the long time


ulostulo

Nukkuu pitkään

Jos yritämme tuoda osoittimen ”Nukkuva pitkään” päälle, näemme, että mikä tahansa nimikkeessä, jota olemme käyttäneet koodissamme, tulee esiin kohdistimen työkaluvihjeenä.

3) luokka:

Class-attribuuttia käytetään yhdistämään elementti tyylitaulukkoon ja määrittelemään elementin luokka. Opimme lisää luokatunnisteen käytöstä, kun opimme CSS: n (CSS) .Se on pääkäyttö CSS: ssä. Tämän attribuutin arvo voi olla myös välilyönnillä luettelo luokkien nimistä. Esimerkki on annettu alla -

class = "className11 className12 className53"

4) Tyyli:

Sillä on tapana kirjoittaa CSS-tyylisääntö elementtitasolla, selitetään paremmin alla annetulla esimerkillä



The style Attribute



Tämä on tyyliesimerkkiteksti, se on punaista …

ulostulo

Tämä on tyyliesimerkkiteksti, se on punaista …

Johtopäätös - miten HTML toimii:

Koska näimme monia perustunnisteita, verkkosivu voidaan luoda näiden tunnisteiden avulla, jotka voidaan näyttää loppukäyttäjälle aina kun käyttäjä pyytää tiettyä verkkosivua verkkoselaimensa kautta, näyttämistyön tekee verkko. selain. Nykyään markkinoilla on paljon uusia tunnisteita verkkosivujen houkuttelevuuden lisäämiseksi.

Suositellut artikkelit

Tämä on opas HTML: n toimintaan. Tässä olemme keskustelleet HTML: n peruskäsitteestä käyttämällä erilaisia ​​tunnisteita ja HTML: n ydinmääritteitä. Voit myös katsoa seuraavia artikkeleita saadaksesi lisätietoja -

1. HTML-sovellukset
2. HTML5 vs. XHTML
3. HTML5-haastattelua koskevat kysymykset ja vastaukset
4. Huijauskoodin HTML
5. HTML-luettelotyylit