Introducere în modul în care funcționează HTML:

HTML este un limbaj bazat pe etichete folosit pentru dezvoltarea paginilor web; HTML înseamnă Hyper Text Markup Language. Hipertextul se referă la modul în care paginile web sunt legate între ele. Astfel, link-ul disponibil pe o pagină web se numește Hypertext. Este limbajul de marcare, care este etichete care spun browserului cum va fi redată pagina pe ea. A fost dezvoltat de Berners-Lee la sfârșitul anului 1991, dar „HTML2.0” a fost prima specificație standard publicată în 1995. Ulterior, numeroasele versiuni ale HTML au venit ca HTML 4.0 în prezent cea mai recentă versiune este HTML5.0, care este foarte faimoasă în față. dezvoltarea site-urilor web

Structura modului de funcționare a paginii 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



title tag of html

heading tag of html
paragraph tag of html

Această etichetă definește tipul documentului și versiunea HTML.

Deasupra etichetei se înglobează documentul complet de limbaj de programare HTML, este format din antetul documentului, care este reprezentat de… și corpul de document, care este reprezentat de… tag-uri.

antetul reprezintă antetul documentului care poate păstra alte etichete HTML, etc.

această etichetă este utilizată în interiorul etichetei pentru a scrie titlul documentului.

eticheta reprezintă corpul documentului care păstrează alte etichete HTML ca,

.

etc.

Etichete diferite de lucrări HTML și descrierea acestora:

  • :

Folosiți eticheta pentru titlu pentru a crea varietăți din exemplul de antet din mai jos



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

producție

Rubrica 1
Rubrica 2
Titlul 3
Rubrica 4
Rubrica 5
Titlul 6

  • :

Acesta este un tag de paragraf poate fi mai bine înțeles prin exemplul dat mai jos.



Paragraph Example

Acesta este un prim paragraf din text.

Acesta este un al doilea paragraf din text.

Acesta este un al treilea paragraf din text.

producție

Acesta este primul paragraf din text.
Acesta este al doilea paragraf din text.
Acesta este al treilea paragraf din text.

  • :

Această etichetă este folosită pentru a rupe linia, putem folosi această etichetă ori de câte ori dorim orice va începe de la următoarea linie. Este o etichetă de o singură linie nu necesită o etichetă de închidere.

  • :

Puneți întregul conținut în centrul acestei utilizări principale a acestei etichete în crearea paginilor web.

  • :

Folosit pentru crearea liniei, utilizat mai ales când doriți să desenați o singură pagină web.

  •  :

Aceasta este o etichetă foarte importantă de HTML, în unele scenarii dorim să arătăm totul la fel ca în scris în pagina HTML, în aceste cazuri este o etichetă foarte utilă. Exemplul este dat mai jos.



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

producție

Laravel este cadrul PHP. Este un cadru open source utilizat în web
dezvoltarea aplicației. Acest cadru se bazează pe controlerul de vizualizare a modelului
model de proiectare datorită acestui proiect dezvoltat cu ajutorul acestui cadru sunt
mai structurat și mai ușor de gestionat. Acest cadru reutilizează cele existente

    Pentru a imprima un singur spațiu, acesta este utilizat în HTML.

    • Proprietăți pentru etichete:

    Putem seta proprietatea la nivel de etichetă Exemplu prezentat mai jos



    Align Attribute

    Stânga aliniată

    Centrul aliniat

    Aliniat la dreapta

    producție

    Stânga aliniată
    Centrul aliniat
    Aliniat la dreapta

    Atributele principale ale HTML

    Există câteva atribute de bază care au fost utilizate cu aproape tot elementul HTML care urmează

    • id-ul
    • Titlu
    • Clasă
    • Tip

    1) ID:

    Acest atribut folosit pentru identificarea în mod unic a elementului HTML din pagină poate fi posibil ca același element să fi fost utilizat în pagina HTML în mai multe locuri de către atributul ID, identificăm elementul și conținutul acestuia și pot fi utilizate în alt scop în javascript . Exemplul este dat mai jos.

    Acesta este primul paragraf care explică ce este HTML cum să-l folosești

    Acesta este al doilea para, care explică ce este foaia de stil în cascadă și cum să o folosești

    Explicație - În exemplul de mai sus, același element folosit de două ori, deci cum să diferențiezi acest element doar prin ID.

    2) Titlu:

    Această sintaxă a atributului este similară cu atributele ID, scopul acestor atribute va depinde de elementul care îl poartă, deși este adesea afișat ca un tooltip atunci când cursorul trece peste element, aceasta este utilizarea principală a acestui atribut. Exemplul este dat mai jos -



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    producție

    Dormind de mult

    Dacă încercăm să aducem cursorul pe „Dormind mult timp”, vom vedea că orice titlu pe care l-am folosit în codul nostru apare ca o fișă de instrument a cursorului.

    3) Clasa:

    Atributul de clasă este utilizat pentru a asocia un element cu o foaie de stil și specifică clasa de element. Vom afla mai multe despre utilizarea atributului clasei atunci când vom învăța Cascading Style Sheet (CSS) .Utilizarea principală în CSS. Valoarea acestui atribut poate fi de asemenea o listă de nume de clasă separate de spațiu. Exemplul este dat mai jos -

    class = "className11 className12 className53"

    4) Stil:

    Este obișnuit să scrie regula de stil în cascadă la nivel de element, poate fi explicat mai bine prin exemplul dat mai jos



    The style Attribute

    Acesta este un exemplu de text, este o culoare roșie …

    producție

    Acesta este un exemplu de stil de text, este de culoare roșie …

    Concluzie - Cum funcționează HTML:

    Așa cum am văzut multe etichete de bază, pagina web poate fi creată cu ajutorul acestor etichete care pot fi afișate utilizatorului final de fiecare dată când un utilizator solicită pagina web particulară prin browserul său web, activitatea de afișare va fi realizată de către web browser-ul. Astăzi, există o mulțime de etichete noi pe piață pentru a face paginile web mai atractive.

    Articole recomandate

    Acesta a fost un ghid pentru modul în care funcționează HTML. Aici am discutat conceptul de bază al HTMLului folosind diferite etichete și atribute principale ale HTML. De asemenea, puteți consulta următoarele articole pentru a afla mai multe -

    1. Aplicații HTML
    2. HTML5 vs XHTML
    3. Întrebări și răspunsuri la interviu HTML5
    4. Cheat Sheet HTML
    5. Stiluri de listă HTML

    Categorie:

    Instrumente de dezvoltare web