Kako funkcionira HTML - Osnovni pojam HTML-a s različitim oznakama

Sadržaj:

Anonim

Uvod u način rada HTML-a:

HTML je jezik temeljen na oznakama koji se koristi za razvoj web stranica; HTML znači hiper jezik za označavanje teksta. Hipertekst se odnosi na način povezivanja web stranica. Stoga se veza dostupna na web stranici naziva Hypertext. To je označni jezik koji oznake govori pregledniku kako će se stranica prikazati na njemu. Razvio ga je Berners-Lee krajem 1991., ali "HTML2.0" je prva standardna specifikacija objavljena 1995. Kasnije su njegove brojne verzije HTML-a došle poput HTML 4.0, a najnovija verzija je HTML5.0 koja je vrlo poznata ispred kraj razvoja web stranica.

Struktura rada HTML stranice:



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

Ova oznaka definira vrstu dokumenta i HTML verziju.

Gornja oznaka obuhvaća cjelokupni dokument programskog jezika HTML-a, sastoji se od zaglavlja dokumenta koji je predstavljen… i tijela dokumenta koji je predstavljen… oznakama.

head tag predstavlja zaglavlje dokumenta koje može zadržati druge HTML oznake poput itd.

ova se oznaka koristi unutar oznake za pisanje naslova dokumenta.

oznaka predstavlja tijelo dokumenta koje čuva ostale HTML oznake poput,

,

itd

Različite oznake HTML djela i njihov opis:

  • :

Oznaka naslova koristi se za stvaranje sorti primjera zaglavlja danom u nastavku



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

Izlaz

Naslov 1
Naslov 2
Naslov 3
Naslov 4
Naslov 5
Naslov 6

  • :

Ova se oznaka stavka može bolje razumjeti niže navedenim primjerom.



Paragraph Example

Ovo je prvi odlomak teksta.

Ovo je drugi odlomak teksta.

Ovo je treći odlomak teksta.

Izlaz

Ovo je prvi odlomak teksta.
Ovo je drugi odlomak teksta.
Ovo je treći odlomak teksta.

  • :

Ova se oznaka koristi za probijanje linije, i možemo je upotrebljavati kad god želimo da išta započne od sljedećeg retka. To je oznaka jednog retka ne zahtijeva oznaku zatvaranja.

  • :

Stavite cijeli sadržaj na sredinu mjesta i postavite ovu glavnu oznaku u kreiranju web stranica.

  • :

Koristi se za stvaranje linije, uglavnom se koristi kada želite nacrtati jednorednu web stranicu.

  •  :

Ovo je vrlo važna oznaka HTML-a, u nekom scenariju želimo pokazati sve isto kao što je napisano unutar HTML stranice, u tim slučajevima to je vrlo korisna oznaka. Primjer je dan u nastavku.



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

Izlaz

Laravel je PHP okvir. To je okvir otvorenog koda koji se koristi u webu
razvoj aplikacija Ovaj se okvir temelji na regulatoru prikaza modela
Obrazac dizajna zbog ovog projekta razvijenog uz pomoć ovog okvira je
strukturiraniji i upravljiviji. Ovaj okvir ponovno koristi postojeći

    Za ispis jednog prostora ovo se koristi u HTML-u.

    • Osobine oznaka:

    Možemo postaviti svojstvo na razini oznake. Primjer naveden u nastavku



    Align Attribute

    Levo poravnano

    Središte je poravnato

    Desno poravnano

    Izlaz

    Levo poravnano
    Središte je poravnato
    Desno poravnano

    Ključne atribute HTML-a

    Malo je osnovnih atributa koji su korišteni sa gotovo svim HTML elementima koji slijede

    • Iskaznica
    • Titula
    • klasa
    • Tip

    1) Id:

    Ovaj se atribut koristi za jedinstveno identificiranje HTML elementa na stranici, možda je moguće da je isti element upotrijebljen na HTML stranici na više mjesta pomoću atributa id kojim identificiramo element i njegov sadržaj te se može koristiti u drugu svrhu u JavaScript, Primjer je dan u nastavku.

    Ovo je prvi odlomak koji objašnjava što je HTML kako ga koristiti

    Ovaj drugi paragraf koji objašnjava što je Cascading Style Sheet i kako ga koristiti

    Objašnjenje - U gornjem primjeru isti se element koristio dva puta, pa kako razlikovati ovaj element samo putem ID-a.

    2) Naslov:

    Sintaksa ovog atributa slična je atributima id, svrha ovih atributa ovisit će o elementu koji ga nosi, iako se često prikazuje kao alat kada kursor dođe preko elementa, što je glavna upotreba ovog atributa. Primjer je dan u nastavku -



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    Izlaz

    Spavanje od dugo vremena

    Pokušamo li prebaciti pokazivač iznad „Spavanja od dugo vremena“ vidjet ćemo da bez obzira na naslov koji smo koristili u našem kôdu izlazi kao alat kursora.

    3) Razred:

    Atribut klase koristi se za pridruživanje elementa stilskom listu i određuje klasu elementa. Saznat ćemo više o upotrebi atributa klase kada ćemo naučiti kaskadni stil tablice (CSS). Njegova glavna upotreba u CSS-u. Vrijednost za ovaj atribut može biti i razmak imena imena klase odvojena razmakom. Primjer je dan u nastavku -

    class = "className11 className12 className53"

    4) Stil:

    Koristi se za pisanje pravila kaskadnog stila na razini elemenata, a može se bolje objasniti primjerom danim u nastavku



    The style Attribute

    Ovo je primjer primjera stila, crvene je boje …

    Izlaz

    Ovo je primjer primjera stila, crvene je boje …

    Zaključak - Kako funkcionira HTML:

    Kao što smo vidjeli mnoge osnovne oznake, web stranicu može se stvoriti uz pomoć tih oznaka koje se mogu prikazati krajnjem korisniku kad god korisnik zatraži određenu web stranicu putem svog web preglednika, posao prikazivanja obavit će web preglednik. Danas na tržište postoji mnoštvo novih oznaka koje web stranice čine privlačnijim.

    Preporučeni članci

    Ovo je vodič za funkcioniranje HTML-a. Ovdje smo razgovarali o osnovnom konceptu HTML-a upotrebom različitih oznaka i osnovnih atributa HTML-a. Možete pogledati i sljedeće članke da biste saznali više -

    1. Primjene HTML-a
    2. HTML5 u odnosu na XHTML
    3. HTML5 pitanja i odgovori za intervju
    4. Cheat Sheet HTML
    5. Stilovi popisa HTML-a