HTML-тег статьи

Html Teg Stat I



HTML5 представил « <статья> », который можно использовать для представления определенного автономного компонента в любом документе, приложении или сайте. Этот HTML-компонент можно использовать повторно и распространять, например, в сообщении на форуме, в журнале, в сообщении в блоге и т. д.

Это исследование расскажет вам о HTML-теге

. Итак, начнем!







Что такое HTML-тег
?

Элемент

и элемент
работают одинаково с точки зрения функциональности, стиля и отображения. Однако тег
в документе предоставляет поисковым системам и программам чтения с экрана больше семантической информации. Кроме того, файл HTML содержит несколько тегов
, которые могут быть вложены друг в друга.



Как использовать HTML-тег
?

Чтобы использовать HTML-тег

, следуйте приведенному ниже синтаксису:



< статья > статья >


Здесь, ' <статья> » — начальный тег, а « ” — закрывающий тег.





Давайте рассмотрим пример для демонстрации использования тега

.

Пример: использование тега

в HTML



В HTML сначала добавьте тег

с классом с именем « все ОС ” и

для заголовка. Затем добавьте еще один тег
с классом с именем « ты ». Внутри этого тега
укажите

для заголовка и

для абзаца. После этого включите два тега

, вложенные в теги

и

, как показано ниже:

< статья учебный класс знак равно 'все ОС' >
< h1 > Самые популярные операционные системы h1 >
< статья учебный класс знак равно 'ты' >
< h2 > Окна h2 >
< п > Windows — это группа из нескольких проприетарных графических операционных систем. Он разработан и продается Microsoft. п >
статья >
< статья учебный класс знак равно 'ты' >
< h2 > линукс h2 >
< п > Linux — это операционная система с открытым исходным кодом, основанная на ядре Linux. Обычно он упакован в качестве дистрибутив Linux. п >
статья >
< статья учебный класс знак равно 'ты' >
< h2 > macOS h2 >
< п > macOS — это операционная система Unix, разработанная и продаваемая Apple Inc. в качестве основная операционная система за Яблоко компьютеров Mac.




В следующем разделе будут описаны стили CSS, применяемые к вышеупомянутым элементам HTML.



Стиль для всех ОС

.all-ОС {
поле: 0 ;
отступ: 5px;
цвет фона: rgb ( 155 , 155 , 155 ) ;
}


Div с именем класса « все ОС » оформлен следующим образом:

    • .all_ОС ” используется для доступа к связанному
      .
    • поле ” используется для добавления пространства вокруг элемента div.
    • набивка ” добавляет пространство вокруг содержимого элемента div.
    • фоновый цвет ” установлен для применения цвета фона элемента div.

Стиль OS div

.ты {
поле: 10 пикселей;
отступ: 5px;
фон: белый;
}


Примените стили к следующему

с именем « ты ». Описание свойств приведено ниже:

    • .ты ” получить доступ к
      с именем os.
    • поле ” добавляет пространство в 10px вокруг div.
    • набивка ” добавляет пространство в 5 пикселей вокруг содержимого элемента div.
    • фоновый цвет Свойство устанавливает цвет фона элемента div.

После предоставления свойств стиля CSS для вышеуказанных тегов

стиль абзаца оформляется путем установки свойств, как указано ниже.

Элемент стиля p

п {
поле: 3px;
размер шрифта: 15px;
}


К элементу

применяются следующие свойства:

    • поле » добавляет пространство в 3 пикселя вокруг содержимого элемента.
    • размер шрифта ” задает размер шрифта текста 15px.

Сохраните добавленный код и откройте файл в браузере. Результат будет отображаться, как показано ниже:


Вышеприведенный документ может содержать несколько статей, и объяснение, относящееся к каждой операционной системе, содержится в теге

. Более того, одна статья отображается одна за другой по мере прокрутки экрана.

Вот как мы можем создавать сообщения в блогах, сообщения на форумах и журнальные документы, используя HTML-тег

.

Вывод

Как мы знаем, авторы статей или блоггеры пишут документ, помня об основной концепции темы. Точно так же в HTML теги

используются для упоминания содержимого, которое полностью содержится и является независимым. Кроме того, в HTML-файле может быть один или несколько тегов
, которые могут быть вложенными. Это исследование объяснило использование тега
на примере.