Вступ до того, як працює HTML:

HTML - мова на основі тегів, що використовується для розробки веб-сторінок; HTML розшифровується як мова розмітки гіпертексту. Гіпертекст посилається на те, як веб-сторінки пов'язані між собою. Таким чином, посилання, доступне на веб-сторінці, називається гіпертекстом. Мова розмітки, яка є тегами, повідомляє браузеру, як сторінка буде відображатися на ній. Він був розроблений Бернерсом Лі в кінці 1991 р., Але "HTML2.0" була першою стандартною специфікацією, опублікованою в 1995 році. Пізніше її багато версій HTML з'явилося як HTML 4.0, остання версія - HTML5.0, дуже відома попереду завершення розробки веб-сайтів.

Структура роботи 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

Цей тег визначає тип документа та версію HTML.

Вищий тег містить весь документ із мовою програмування HTML, складається із заголовка документа, який представлений…, та документа документа, який представлений… тегами.

head tag - це заголовок документа, який може зберігати інші теги HTML, наприклад тощо.

цей тег використовується всередині тегу для написання заголовка документа.

Тег представляє тіло документа, яке зберігає інші теги HTML,

,

тощо.

Різні теги HTML-робіт та їх опис:

  • :

Заголовок тегу використовують для створення різновидів прикладу заголовка, наведеного нижче



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

Вихід

Заголовок 1
Заголовок 2
Заголовок 3
Заголовок 4
Заголовок 5
Заголовок 6

  • :

Цей тег абзацу можна краще зрозуміти на прикладі, наведеному нижче.



Paragraph Example

Це перший абзац тексту.

Це другий абзац тексту.

Це третій абзац тексту.

Вихід

Це перший абзац тексту.
Це другий абзац тексту.
Це третій абзац тексту.

  • :

Цей тег використовується для розриву рядка, ми можемо використовувати цей тег кожного разу, коли хочемо, щоб щось починалося з наступного рядка. Це єдиний тег рядка не вимагає тега закриття.

  • :

Поставте весь вміст на центр цього основного використання цього тегу у створенні веб-сторінок.

  • :

Використовується для створення рядка, в основному використовується, коли ви хочете намалювати веб-сторінку одного рядка.

  •  :

Це дуже важливий тег HTML, у деяких сценаріях ми хочемо показати все те саме, що написано на HTML-сторінці в тих випадках, це дуже корисний тег. Приклад наведено нижче.



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

Вихід

Laravel - це рамка PHP. Це рамка з відкритим кодом, що використовується в Інтернеті
розробка додатків. Ця основа заснована на контролері подання моделі
дизайнерський зразок цього проекту, розроблений за допомогою цієї рамки, є
більш структурований і керований. Ця рамка повторно використовує існуючі

    Для друку єдиного простору це використовується в HTML.

    • Властивості тегів:

    Ми можемо встановити властивість на рівні тегу. Приклад, наведений нижче



    Align Attribute

    Вирівняно зліва

    Центр вирівняний

    Вирівняно праворуч

    Вихід

    Вирівняно зліва
    Центр вирівняний
    Вирівняно праворуч

    Основні атрибути HTML

    Є кілька основних атрибутів, які були використані майже з усіма наведеними нижче елементами HTML

    • Id
    • Назва
    • Клас
    • Тип

    1) Id:

    Цей атрибут використовується для унікальної ідентифікації елемента HTML на сторінці, можливо, той самий елемент був використаний на сторінці HTML у декількох місцях за допомогою атрибута id, який ми ідентифікуємо елемент та його вміст, і може бути використаний з іншою метою у javascript . Приклад наведено нижче.

    Це перший абзац, який пояснює, що таке HTML, як ним користуватися

    Цей другий пункт, який пояснює, що таке Каскадний Таблиця Стилів та як ним користуватися

    Пояснення - У наведеному вище прикладі один і той же елемент використовується два рази, тому як диференціювати цей елемент лише шляхом ідентифікатора.

    2) Назва:

    Цей синтаксис атрибутів схожий на атрибути id, призначення цих атрибутів буде залежати від елемента, який його переносить, хоча він часто відображається як підказка, коли курсор над елементом перебуває. Це головне використання цього атрибута. Приклад наведено нижче -



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    Вихід

    Спить довго

    Якщо ми спробуємо перевести курсор на "Сплячий давно", ми побачимо, що будь-який заголовок, який ми використовували в нашому коді, виходить як підказка курсору.

    3) Клас:

    Атрибут класу використовується для асоціації елемента з таблицею стилів і вказує клас елемента. Ми дізнаємось більше про використання атрибута класу, коли вивчимо каскадний таблицю стилів (CSS). Її головне використання в CSS. Значенням цього атрибута може бути також розділений пробілом список імен класів. Приклад наведено нижче -

    class = "className11 className12 className53"

    4) Стиль:

    Він використовується для написання правила каскадного стилю на рівні елемента, що може бути краще пояснено на прикладі, наведеному нижче



    The style Attribute

    Це текст прикладу стилю, це червоний колір …

    Вихід

    Це текст прикладу стилю, це червоний колір …

    Висновок - як працює HTML:

    Як ми бачили багато тегів основ, веб-сторінку можна створити за допомогою цих тегів, які можуть відображатися кінцевому користувачеві кожного разу, коли користувач запитує певну веб-сторінку через свій веб-браузер, роботу з відображенням виконуватиме веб браузер. Сьогодні на ринку існує безліч нових тегів, щоб зробити веб-сторінки більш привабливими.

    Рекомендовані статті

    Це було керівництвом того, як працює HTML. Тут ми обговорили основну концепцію HTML, використовуючи різні теги та основні атрибути HTML. Ви також можете переглянути наступні статті, щоб дізнатися більше -

    1. Застосування HTML
    2. HTML5 проти XHTML
    3. Питання та відповіді на інтерв'ю HTML5
    4. Чит-лист HTML
    5. Стилі списку HTML

    Категорія:

    Інструменти веб-розробки