Как работает HTML - Основная концепция HTML с разными тегами

Содержание:

Anonim

Введение в то, как работает HTML:

HTML - это язык на основе тегов, используемый для разработки веб-страниц; HTML расшифровывается как Hyper Text Markup Language. Гипертекст относится к тому, как веб-страницы связаны друг с другом. Таким образом, ссылка, доступная на веб-странице, называется гипертекстовой. Это язык разметки, тэги сообщают браузеру, как на нем будет отображаться страница. Он был разработан Berners-Lee в конце 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 представляет заголовок документа, который может содержать другие теги 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, которые следуют

    • Я бы
    • заглавие
    • Учебный класс
    • Тип

    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) Класс:

    Атрибут class используется для связывания элемента с таблицей стилей и определяет класс элемента. Мы узнаем больше об использовании атрибута class, когда мы изучим Cascading Style Sheet (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