Kako deluje HTML - Osnovni koncept HTML z različnimi oznakami

Kazalo:

Anonim

Uvod v delovanje HTML-ja:

HTML je jezik, ki temelji na oznakah, ki se uporablja za razvoj spletnih strani; HTML pomeni Hyper Text Markup Language. Hipertekst se nanaša na način povezave spletnih strani. Tako se povezava, ki je na voljo na spletni strani, imenuje Hypertext. Oznake, ki označujejo, označujejo brskalniku, kako bo stran upodabljana. Razvil jo je Berners-Lee konec leta 1991, toda "HTML2.0" je bila prva standardna specifikacija, objavljena leta 1995. Kasneje je veliko različic HTML-ja prišlo kot HTML 4.0, trenutno najnovejša različica pa je HTML5.0, ki je zelo znan spredaj konča razvoj spletnih strani.

Struktura delovanja HTML strani:



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

Ta oznaka določa vrsto dokumenta in različico HTML.

Zgornja oznaka zajema celoten dokument programskega jezika HTML, obsega glavo dokumenta, ki jo predstavljata…, in dokument dokumenta, ki ga predstavljajo… oznake.

head tag predstavlja glavo dokumenta, v kateri so lahko ostale oznake HTML, itd.

ta oznaka se uporablja znotraj oznake za pisanje naslova dokumenta.

tag predstavlja telo dokumenta, ki hrani druge oznake HTML,

,

itd.

Različne oznake del HTML in njihov opis:

  • :

Z naslovno oznako ustvarite različice spodnjega primera naslova



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

Izhod

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

  • :

To oznako odstavka lahko bolje razumemo s spodnjim primerom.



Paragraph Example

To je prvi odstavek besedila.

To je drugi odstavek besedila.

To je tretji odstavek besedila.

Izhod

To je prvi odstavek besedila.
To je drugi odstavek besedila.
To je tretji odstavek besedila.

  • :

Ta oznaka se uporablja za prelom vrstice, to oznako lahko uporabljamo kadar koli želimo, da se bo začelo od naslednje vrstice. To je enojna vrstica, ki ne potrebuje zapiralne oznake.

  • :

Celotno vsebino postavite na sredino in postavite to glavno uporabo te oznake pri ustvarjanju spletnih strani.

  • :

Uporablja se za ustvarjanje vrstice, ki se večinoma uporablja, če želite narisati spletno stran z eno vrstico.

  •  :

To je zelo pomembna oznaka HTML, v nekem scenariju želimo pokazati vse tako, kot je napisano na strani HTML v tistih primerih, da je zelo uporabna oznaka. Primer je podan spodaj.



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

Izhod

Laravel je okvir PHP. Gre za okvir z odprto kodo, ki se uporablja v spletu
razvoj aplikacij. Ta okvir temelji na regulatorju pogleda na model
oblikovalski vzorec za ta projekt, razvit s pomočjo tega okvira, so
bolj strukturiran in vodljiv. Ta okvir ponovno uporabi obstoječi

    Za tiskanje posameznega prostora se to uporablja v HTML-ju.

    • Lastnosti oznak:

    Lastnost lahko nastavimo na ravni oznake Primer spodaj



    Align Attribute

    Levo poravnano

    Sredinsko poravnano

    Desno poravnana

    Izhod

    Levo poravnano
    Sredinsko poravnano
    Desno poravnana

    Ključni atributi HTML

    Malo je osnovnih atributov, ki so bili uporabljeni pri skoraj vseh elementih HTML, ki sledijo

    • Id
    • Naslov
    • Razred
    • Vtipkajte

    1) ID:

    Ta atributa, ki se uporablja za enolično identifikacijo elementa HTML na strani, je mogoče, da je isti element uporabljen na strani HTML na več mestih s pomočjo atributa id, s katerim identificiramo element in njegovo vsebino, in ga lahko uporabimo za drug namen v javascriptu . Primer je podan spodaj.

    To je prvi odstavek, ki razlaga, kaj je HTML, kako ga uporabljati

    Ta drugi odstavek, ki razlaga, kaj je Cascading Style Sheet in kako ga uporabljati

    Pojasnilo - V zgornjem primeru je isti element uporabil dvakrat, kako razlikovati ta element samo z ID-jem.

    2) Naslov:

    Sintaksa tega atributa je podobna atributom id, namen teh atributov bo odvisen od elementa, ki ga nosi, čeprav je pogosto prikazan kot namizje, ko kazalec pride nad element, to je glavna uporaba tega atributa. Primer je podan spodaj -



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    Izhod

    Spanje od dolgo časa

    Če poskušamo kazalec premakniti nad »Sleep from a long time«, bomo videli, da se bo ne glede na naslov, ki smo ga uporabili v kodi, pojavil kot orodje kazalca.

    3) Razred:

    Atribut razreda se uporablja za povezovanje elementa s slogom in določa razred elementa. Več o uporabi atributa razreda bomo izvedeli, ko se bomo naučili Cascading Style Sheet (CSS). Njegova glavna uporaba v CSS. Vrednost tega atributa je lahko tudi seznam imen imen razredov, ločen s presledkom. Primer je podan spodaj -

    class = "className11 className12 className53"

    4) Slog:

    Uporablja se za pisanje pravila kaskadnega sloga na ravni elementov, kar je bolje razloženo s spodnjim primerom



    The style Attribute

    To je zgled besedila besedila, je rdeče barve …

    Izhod

    To je zgled besedila, rdeče barve …

    Zaključek - Kako deluje HTML:

    Kot smo videli veliko osnovnih oznak, lahko spletno stran ustvarite s pomočjo teh oznak, ki jih je mogoče prikazati končnemu uporabniku, kadar uporabnik zahteva določeno spletno stran prek svojega spletnega brskalnika, delo prikazovanja bo opravljeno s spletom brskalnik. Danes na trgu obstaja veliko novih oznak, s katerimi bodo spletne strani bolj privlačne.

    Priporočeni članki

    To je vodilo, kako deluje HTML. Tu smo razpravljali o osnovnem konceptu HTML z uporabo različnih oznak in glavnih atributov HTML. Če želite izvedeti več, si oglejte tudi naslednje članke -

    1. Aplikacije HTML
    2. HTML5 v primerjavi z XHTML
    3. Vprašanja in odgovori za intervju z HTML5
    4. Cheat Sheet HTML
    5. Slogi seznama HTML