HTML етикет за статия

Html Etiket Za Statia



HTML5 представи „ <статия> ”, който може да се използва за представяне на специфичен самостоятелен компонент във всеки документ, приложение или сайт. Този HTML компонент може да се използва многократно и да се разпространява, като например в публикация във форум, списание, публикация в блог и др.

Това проучване ще ви научи на HTML тага

. Така че, да тръгваме!





Какво е HTML
таг?

Елементът

и елементът
работят по подобен начин по отношение на функционалност, стил и дисплей. Въпреки това тагът
в документ дава повече семантична информация на търсачките и екранните четци. Освен това един HTML файл съдържа множество тагове
, които могат да бъдат вложени.



Как да използвам HTML
таг?

За да използвате HTML тага

, следвайте дадения по-долу синтаксис:



< статия > статия >


Тук, ' <статия> ” е началният таг, а „

” е крайният таг.



Нека да разгледаме пример за демонстриране на използването на маркера

.

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

в HTML



В HTML първо добавете етикет

с клас с име „ всички ОС ” и

за заглавието. След това добавете друг таг
с клас с име „ ти ”. Вътре в този таг
посочете

за заглавие и

за абзац. След това включете двата маркера

, вложени с тагове

и

както следва:

< статия клас = 'всички ОС' >
< h1 > Най-популярните операционни системи h1 >
< статия клас = 'ти' >
< h2 > Windows h2 >
< стр > Windows е група от множество патентовани графични операционни системи. Той е разработен и пуснат на пазара от Microsoft. стр >
статия >
< статия клас = 'ти' >
< h2 > Linux h2 >
< стр > Linux е операционна система с отворен код, базирана на ядрото на Linux. Обикновено е опакован като Linux дистрибуция. стр >
статия >
< статия клас = 'ти' >
< h2 > macOS h2 >
< стр > macOS е операционна система Unix, разработена и предлагана на пазара от Apple Inc. Известна е като основната операционна система за Ябълка Mac компютрите на този.




Следващият раздел ще опише CSS стиловете, приложени към гореспоменатите HTML елементи.



Стил за всички OS div

.all-OS {
марж: 0 ;
подложка: 5px;
цвят на фона: rgb ( 155 , 155 , 155 ) ;
}


Div с име на клас „ всички ОС ” е стилизиран така:

    • “ .all_OS ” се използва за достъп до свързания
      .
    • “ марж ” се използва за добавяне на пространство около елемента div.
    • “ подплата ” Свойството добавя пространство около съдържанието на елемента div.
    • “ Цвят на фона ” е настроен да прилага цвета на фона на елемента div.

Стил os div

.ти {
поле: 10px;
подложка: 5px;
фон: бял;
}


Прилагане на стилове към следващия

с име “ ти ”. Описанието на имотите е дадено по-долу:

    • “ .ти ” достъп до
      с името os.
    • “ марж ” добавя интервал от 10px около div.
    • “ подплата ” добавя интервал от 5px около съдържанието на елемента div.
    • “ Цвят на фона ” свойството задава фоновия цвят на елемента div.

След предоставяне на CSS свойствата за стилизиране на горните

тагове, абзацът се стилизира чрез задаване на свойствата, както е споменато по-долу.

Стил p Елемент

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


Следните свойства се прилагат към елемента

:

    • “ марж ” добавя 3px пространство около съдържанието на елемента.
    • “ размер на шрифта ” свойството задава размера на шрифта на текста като 15px.

Запазете добавения код и отворете файла във вашия браузър. Резултатът ще се покаже, както е показано по-долу:


Предоставеният по-горе документ може да има няколко статии, а обяснението, свързано с всяка операционна система, се съдържа в тага

. Освен това, една статия се показва една след друга, докато екранът се превърта.

Ето как можем да създаваме публикации в блогове, публикации във форуми и документи, подобни на списания, като използваме HTML тага

.

Заключение

Както знаем, авторите на статии или блогърите пишат документа, като имат предвид основната концепция на темата. По същия начин в HTML таговете

се използват за споменаване на съдържание, което е напълно включено и независимо. Освен това може да има един или повече тагове
в HTML файл, които могат да бъдат вложени. Това проучване обяснява използването на етикета
с пример.

други

Категория

Популярни Публикации

Как да изпълняваме стратегии за маршрутизиране в Node.js?

Как да използвате ПРИМЕРНА БАЗА ДАННИ в MySQL

Как да инсталирате и конфигурирате Dropbear на Ubuntu

Как да създадете файл с текст в Linux

Как да актуализирате Node.js на Raspberry Pi

Totem of Undying: Всичко, което трябва да знаете

Как да разделяте дискове на Debian 12

Как forEach е различен от for Loop в TypeScript?

Какво прави методът Storage key() в JavaScript

Как да деактивирате USB контролера на Raspberry Pi

Типове инстанции на AWS

Каква е разликата между екземплярите T2.Xlarge и T2.2Xlarge?

Как да създадете потребител в Linux

Как да комбинирате агенти и векторни магазини в LangChain?

Как да извличате RAR файлове безплатно на Windows и Mac?

Долна функция на PostgreSQL

Глава 1: Компютър с общо предназначение и използвани числа

Как да конфигурирате Dnsmasq като DHCP Relay сървър

Как да персонализирате известията на заключен екран на Windows?

Как да предавате Crunchyroll на Discord