| HTML | WebReference
- Содержание
- Синтаксис
- Закрывающий тег
- Атрибуты
- Пример
- Спецификация
- Браузеры
Элемент <body> (от англ. body — тело) предназначен для хранения содержимого веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т. д.
<body> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору body.
Часто <body> используется для размещения обработчика событий, например, onload, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.
Открывающий и закрывающий теги <body> на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.
Синтаксис
<body> ... </body>
Закрывающий тег
Не обязателен.
Атрибуты
- alink
- Устанавливает цвет активной ссылки.
- background
- Задает фоновый рисунок на веб-странице.
- bgcolor
- Цвет фона веб-страницы.
- bgproperties
- Определяет, прокручивать фон совместно с текстом или нет.
- bottommargin
- Отступ от нижнего края окна браузера до контента.
- leftmargin
- Отступ по горизонтали от левого края окна браузера до контента.
- link
- Цвет ссылок на веб-странице.
- rightmargin
- Отступ от правого края окна браузера до контента.
- scroll
- Устанавливает, отображать полосы прокрутки или нет.
- text
- Цвет текста в документе.
- topmargin
- Отступ от верхнего края окна браузера до контента.
- vlink
- Цвет посещённых ссылок.
Также для этого элемента доступны универсальные атрибуты и события.
Пример
<!DOCTYPE html> <html> <head> <title>BODY</title> <meta charset=»utf-8″> </head> <body onload=»alert(‘Документ загружен’)»> <p>Еще Аристотель в своей «Политике» говорил, что музыка, воздействуя на человека, доставляет «своего рода очищение, то есть облегчение, связанное с наслаждением».</p> </body> </html>Результат текущего примера показан на рис. 1. При использовании события onload элемента <body> выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что документ загружен.
Рис. 1. Всплывающее окно в документе
Спецификация
| Спецификация | Статус |
|---|---|
| WHATWG HTML Living Standard | Живой стандарт |
| HTML5 | Рекомендация |
HTML 4. 01 Specification | Рекомендация |
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
Браузеры
| 1 | 12 | 1 | 1 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
Документ
См. также
- Валидный HTML-документ
- Создание первой веб-страницы
- Структура HTML-кода
Практика
- Структура HTML-кода
Автор и редакторы
Автор: Влад Мержевич
Последнее изменение: 18.
03.2020
Редакторы: Влад Мержевич
Тег body в HTML | вебисторий
Редко какая веб-страница создаётся не для распространения контента. Именно внутри тега <body> должен располагаться весь тот контент, что мы хотим показать на странице. Это и текст, и изображения, и скрипты, и многое другое. Сегодня разберём этот очень важный для HTML-документа тег.
Хотя тег <body> считается своего рода стандартом, его наличие в HTML-документе не является обязательным. С другой стороны, выделение основной части HTML-документа является «хорошим тоном».
Для тега <body> доступно довольно много атрибутов, в том числе и универсальных. Также для тега <body> доступны события.
alink — устанавливает цвет активной ссылки. Текущий цвет меняется, когда на ссылку нажимают курсором мыши или выделяют её при помощи клавиатуры. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.
<body alink="red"> <p><a href="https://sitename.ru">Ссылка</a></p> </body>
background — задаёт фоновый рисунок для веб-страницы. Для фонового рисунка не устанавливаются ширина и высота, он всегда отображается в масштабе 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется как мозаика. В качестве фона допускается использовать анимированные изображения в формате GIF, но это считается «плохим тоном» из-за того, что они отвлекают внимание посетителей сайта.
<body background="images/fon.gif"> <p>текст</p> </body>
bgcolor — устанавливает цвет фона веб-страницы. Может использоваться совместно с background, чтобы цвет фона гармонировал с фоновым рисунком. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.
<body bgcolor="#008000"> <p>текст</p> </body>
bgproperties — определяет, прокручивается фоновый рисунок вместе с текстом и другими элементами на странице или нет.
<body background="images/fon.gif" bgproperties="fixed"> <p>текст</p> </body>
bottommargin — определяет размер отступа от нижнего края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.
<body bottommargin="15"> <p>текст</p> </body>
leftmargin — определяет размер отступа от левого края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.
<body leftmargin="15"> <p>текст</p> </body>
link — устанавливает цвет непосещённых ссылок.
Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.
<body link="green"> <p><a href="https://sitename.ru">Ссылка</a></p> </body>
rightmargin — определяет размер отступа от правого края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.
<body rightmargin="15"> <p>текст</p> </body>
scroll — управляет отображением полос прокрутки, когда размер контента превышает размер текущего окна. Для запрета отображения полос прокрутки нужно использовать scroll=»no», для разрешения не использовать scroll или использовать scroll=»yes».
<body scroll="no"> <p>текст</p> </body>
text — устанавливает цвет текста, используемый на веб-странице по умолчанию. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.
Цвета отдельных элементов можно изменять с помощью стилей.
<body text="maroon"> <p>текст</p> </body>
topmargin — определяет размер отступа от верхнего края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.
<body topmargin="15"> <p>текст</p> </body>
vlink — задаёт цвет посещённых ссылок. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.
<body vlink="#008080"> <p><a href="https://sitename.ru">Ссылка</a></p> </body>
В целом, спецификация HTML не одобряет использование атрибутов background, alink, bgcolor, link, text и vlink. Валидный код в таком случае будет только если использовать переходный <!DOCTYPE …>.
Использование атрибутов bgproperties, bottommargin, leftmargin, rightmargin и topmargin и вовсе осуждается спецификацией HTML и их наличие приведёт к невалидному коду.
А браузер Mozilla Firefox не поддерживает эти атрибуты в принципе.
Ну и отдельно про атрибут scroll. Использовать его особенно не рекомендуется. Мало того, что его наличие сделает код невалидным, так он ещё и не поддерживается почти всеми браузерами кроме Internet Explorer.
| onplay | Скрипт викликається коли медіа дані готові почати відтворення. |
| onafterprint | Скрипт виконується тільки після як документ надрукований. |
| onbeforeprint | Скрипт виконується перед тим, як документ надрукований. |
| onbeforeunload | Скрипт виконується коли документ ось-ось буде вивантажений |
| onhashchange | Скрипт виконується коли там відбулися зміни до частини якоря в URL |
| onload | Викликається після того як завантаження елемента завершене. |
| onmessage | Скрипт виконується коли викликане повідомлення. |
| onoffline | Спрацьовує коли браузер починає працювати в автономному режимі |
| ononline | Спрацьовує коли браузер починає працювати в режимі онлай. |
| onpagehide | Скрипт виконується коли користувач переходить на іншу сторінку сторінку. |
| onpageshow | Скрипт виконується коли користувач заходить на сторінку. |
| onpopstate | Скрипт виконується коли змінено історію одного вікна. |
| onresize | Скрипт виконується, коли розмір вікна браузера змінюється. |
| onstorage | Скрипт виконується, коли вміст Web Storage оновлюється. |
| onunload | Викликається, коли сторінка розвантажена, або вікно браузера було зачинено. |
| onblur | Скрипт виконується, коли елемент втрачає фокус. |
| onchange | Викликається в той момент, коли значення елемента змінюється. |
| oncontextmenu | Скрипт виконується коли викликається контекстне меню. |
| onfocus | Викликається в той момент, коли елемент отримує фокус. |
| oninput | Скрипт викликається коли користувач вводить дані поле. |
| oninvalid | Скрипт виконується, коли елемент недійсний. |
| onreset | Викликається, коли натискається у формі кнопка типу Reset. |
| onsearch | Викликається, коли користувач щось пише в поле пошуку (для <input type="search">) |
| onselect | Викликаєтсья після того як будь-який текст був обраний в елементі. |
| onsubmit | Викликається при відправленні форми. |
| onkeydown | Подія викликається, коли користувач затис (натиснув та не відпускає) клавішу. |
| onkeypress | Викликається коли корисрувач натиснув на клавішу. |
| onkeyup | Викликається коли користувач відпускає клавішу. |
| ondblclick | Виникає при подвійному клацанні ЛКМ на елементі. |
| ondrag | Періодично викликається при операції перетягування. |
| ondragend | Викликається коли користувач відпускає перелягуваний елемент. |
| ondragenter | Викликається, коли перетягуваний елемент входить в цільову зону. |
| ondragleave | Викликається, коли перетягуваний елемент виходть з зони призначення. |
| ondragover | Викликається, коли перетягуваний елемент знаходиться в зоні призначення. |
| ondragstart | Викликається, коли користувач починає перетягувати елемент, або виділений текст. |
| ondrop | Викликається, коли перетягуваний елемент падає до зони призначення. |
| onmousedown | Викликається, коли користувач затискає ЛКМ на елементі. |
| onmousemove | Викликається, коли курсор миші переміщається над елементом. |
| onmouseout | Викликається, коли курсор виходить за межі елемента. |
| onmouseover | Виконується, коли курсор наводиться на елемент. |
| onmouseup | Викликається, коли користувач відпускає кнопку миші. |
| onscroll | Викликається при прокручуванні вмісту елемента (чи веб-сторінки). |
| onwheel | Викликається, коли користувач прокручує коліщатко миші. |
| oncopy | Викликається, коли користувач копіює вміст елемента. |
| oncut | Викликається, коли користувач вирізає вміст елемента. |
| onpaste | Викликається, коли користувач вставляє вміст в елемент. |
| onabort | Виконується при перериванні якоїсь події. |
| oncanplay | Скрипт виконується коли файл готовий, для початку відтворення (коли він буферизований достатньо, щоб почати відтворення) |
| oncanplaythrough | Скрипт виконується, коли контент вже може бути відтворений без переривання на буферизацію. |
| oncuechange | Скрипт виконується коли змінюється кий в <track> елемента |
| ondurationchange | Викликається коли змінюється довжина медіа файлу. |
| onemptied | Викликається коли доступ до медіа контенту обривається (зникло з’єднання з мережею). |
| onended | Викликається коли медіа елемент повністю відтворив свій зміст. |
| onshow | Викликається, коли елемент <menu> буде відображено як контекстне меню. |
| onloadedmetadata | Скрипт виконується коли метадані (розміри чи тривалість) завантажуються. |
| onloadeddata | Викликається коли медіа данні завантажено. |
| onloadstart | Викликається коли браузер тільки починає завантажувати медіа дані з сервера. |
| onpause | Викликається коли відтворення медіа даних призупинено. |
| onplaying | Викликається коли розпочато відтворення медіа даних. |
| onprogress | Подія onprogress відбувається, коли браузер завантажує вказане аудіо / відео. |
| onratechange | Викликається коли змінюється швидкість відтворення медіа даних. |
| onseeked | Викликається коли атрибут seeked у тега audio або video змінює значення з true на false. |
| onseeking | Викликається коли атрибут seeking у тегів audio або video змінює значення з false на true |
| onstalled | Скрипт виконується коли браузер з будь-якої причини не може отримати медіа дані. |
| onsuspend | Скрипт виконується коли з будь-якої причини завантаження данних призупинено до його повного завантаження. |
| ontimeupdate | Викликається коли змінилася позиція відтворення елемента <audio> або <video>. |
| onvolumechange | Викликається коли змінюється гучність звуку. |
| onwaiting | Викликається коли наступний кадр при відтворенні медіа даних недоступний, але браузер очікує що він незабаром завантажиться. |
| ontoggle | Викликається, коли користувач відкриває або закриває елемент <details>. |
| onerror | Викликається якщо при завантаженні елемента сталася помилка. |
| onclick | Подія викликається коли користувач клацає ЛКМ по елементу. |
HTML Body: что это такое и как его использовать
В первой статье этой серии мы рассмотрели первый элемент элемента — тег заголовка HTML.
В этой статье мы объясним, что такое HTML-тег body и для чего он используется.
Что такое тег HTML Body?
Элемент HTML body является контейнером для содержимого HTML-документа. Он должен быть вторым элементом элемента и следовать за элементом head. Каждый HTML-документ может содержать только один элемент body.
Для чего используется тег HTML Body?
Содержимое документа HTML может принимать различные формы. Все веб-страницы содержат текст. Большинство веб-страниц также содержат изображения. Некоторые веб-страницы также содержат видео и аудио. В этой статье мы рассмотрим, как можно использовать текст на веб-странице.
Текст
На самом базовом уровне текст можно использовать как заголовок или абзац. Заголовки используются для структурирования контента. Шесть заголовков от
до
.
используется в качестве основного заголовка. Каждая страница должна содержать только один
. используется как подзаголовок, а от
до
используются как подзаголовки.
Возможно иметь несколько под- и под-подзаголовков. В этой статье используются два заголовка, за каждым из которых следует абзац, и несколько заголовков
, за каждым из которых также следует абзац. Всегда используйте следующий заголовок в иерархии и не «перепрыгивайте» через один тип заголовка. Это будет выглядеть странно на отображаемой странице. Но что еще более важно, это запутает читателей, которые полагаются на программы чтения с экрана для доступа к содержимому вашей страницы. Они будут думать, что пропустили какой-то контент.
В некоторых случаях рекомендуется использовать тег для объединения заголовков и абзацев в единицу независимого и автономного контента. Примерами могут служить новости или сообщения на форуме или статьи в блогах.
<артикул>
Microsoft прекращает поддержку Internet Explorer
15 июня 2022 года Internet Explorer был официально упразднен и больше не поддерживается. Пользователи будут постепенно перенаправляться в новый браузер Microsoft, Microsoft Edge. В будущем Internet Explorer будет отключен навсегда.
Списки
Еще один способ структурировать содержимое — использовать списки. В HTML существует три формы списков: неупорядоченные списки, упорядоченные списки и вложенные списки.
Ненумерованные списки
В неупорядоченном списке порядок элементов в списке не имеет значения. Хороший пример — список покупок:
.
- Арахисовое масло
- Кокосовое масло
- Яйца
Упорядоченные списки
Упорядоченные списки используются, когда порядок элементов имеет значение, например. в рецептах или любой форме инструкций.
- Добавьте 15 г кофе мелкого помола в аэропресс
- Добавить 60–70 г воды комнатной температуры.
- Перемешивать в течение 1 минуты.
- Нажмите и удерживайте в течение 1 минуты.
- Разбавить ледяной водой по своему вкусу.
Упорядоченные списки используют числа по умолчанию и начинаются с 1. Если вы хотите начать список с другого номера, вы можете добавить начальный атрибут с нужным номером к тегу ol:
Чтобы изменить номер отдельного элемента в списке, добавьте к этому элементу атрибут value. Количество всех элементов ниже этого элемента будет пересчитано.
<ол>
Направляйтесь на север по улице Мейн-стрит
Через 200 м поверните налево.
Поверните направо через 500 м.
Школа справа от вас
Если по какой-то причине вы хотите отобразить упорядоченный список в обратном порядке, вы добавляете логический атрибут reversed к тегу ol. Его значение по умолчанию — False, поэтому вам нужно добавить его только в том случае, если вы хотите перевернуть список.
<ол наоборот>
Вложенные списки
Можно поместить один список внутри другого. В большинстве случаев неупорядоченный список будет помещен внутри упорядоченного списка:
<ол>
Вставай
Примите душ и оденьтесь
Пойти в продуктовый магазин, чтобы купить:
- Кофе в зернах
- Яйца
Вернуться домой
Приготовить завтрак
Ссылки
Одним из наиболее определяющих атрибутов HTML-документа является возможность легко создавать ссылки на другие HTML-документы. Для этого мы используем тег в сочетании с атрибутом href, чтобы определить место назначения ссылки. Без дополнительных атрибутов связанная страница будет открыта в текущем окне браузера. Чтобы улучшить взаимодействие с пользователем, связанную страницу следует открыть в новой вкладке браузера с помощью целевого атрибута со значением _blank. Чтобы связанная страница не «знала», с какой страницы пришел пользователь, можно использовать атрибут rel со значением noreferrer. Чтобы отобразить удобное для пользователя имя вместо полного и часто длинного URL-адреса, поместите отображаемое имя между открывающим и закрывающим тегом:
Википедия
Таблицы
Таблицы — лучший выбор для отображения табличных данных, т. е. данных, содержащихся в строках и столбцах. Чтобы создать таблицу, которую легко читать и понимать, необходимо несколько элементов. Полная таблица помещается внутри тега
. Для информирования пользователей о назначении таблицы следует добавить заголовок. Заголовок помещается внутри тега, который должен быть первым элементом после открывающего тега. На отображаемой странице заголовок будет помещен вверху таблицы. Имитируя структуру HTML-документа, можно использовать элемент заголовка таблицы, элемент таблицы toby
и основание таблицы для добавления дополнительной структуры таблицы и ее дальнейшего улучшения. доступность. Базовая структура без каких-либо строк или содержимого выглядит следующим образом:
<таблица>
Любимые фильмы
Головка стола
Заголовок таблицы содержит строку или строки заголовка и помещается после элемента заголовка и перед элементом тела таблицы. Все строки в таблице помещаются в тег
. Затем в заголовке таблицы дочерние элементы помещаются внутрь тега, чтобы их содержимое отображалось как заголовок. Внутри тега следует использовать атрибут области, чтобы помочь программам чтения с экрана определить, какие данные в таблице относятся к заголовку. Чаще всего значением атрибута scope будет «col», т. е. заголовок относится ко всем данным непосредственно под ним. <голова>
Заголовок
Жанр
Год
Директор
Цена Blu-ray
Корпус стола
Тело таблицы содержит первичные данные таблицы. В нашем примере каждая строка содержит данные об одном фильме. Поскольку мы определили четыре заголовка, каждая строка должна содержать четыре ячейки. Во всех строках, кроме заголовков, данные для этих ячеек помещаются внутри тега
. Можно определить заголовки для каждой строки. Это заставляет программы чтения с экрана считывать всю строку сразу и дополнительно повышает доступность. <тело>
Гаттака
Драма
1997
Эндрю Никкол 15,37€
Назови меня своим именем
Драма
2017
Лука Гуаданьино 5,99€
Обычные подозреваемые
Преступление
<тд>1995
Брайан Сингер 11,46€
Ножка стола
Нижний колонтитул таблицы содержит содержимое нижнего колонтитула. Его можно разместить либо под головкой стола, либо под корпусом стола. Он помещается внутри тега
. <тфут>
Цена
21,36€
Формы
Формы используются для сбора и отправки пользовательского ввода. Очень простой пример — форма, в которой пользователи вводят свой адрес электронной почты в поле ввода и отправляют эти данные, чтобы получать информационные бюллетени или участвовать в розыгрыше. Более сложные формы, например. форму заявки, собирать различные типы данных: имя и адрес, электронную почту, дату рождения, пароли, вложенные файлы и многое другое.
Давайте построим очень простую форму. Форма размещается внутри тега формы. Атрибут действия определяет, куда будут отправлены данные. Атрибут метода указывает, как данные будут отправлены.
«GET» добавляет данные формы в URL-адрес и позволяет пользователю добавить результат в закладки. Примерами являются поисковые запросы. Его никогда не следует использовать для конфиденциальных данных, потому что все представленные данные будут видны в URL-адресе!
«POST» добавляет данные формы в тело HTTP-запроса. Данные не отображаются в URL-адресе, и отправку нельзя добавить в закладки.
Каждая форма данных, которые мы можем собирать, имеет тип ввода, например. текст, номер, пароль или адрес электронной почты. Давайте попросим нашего пользователя дать нам свой адрес электронной почты. Мы также дадим полю имя и идентификатор, которые принимают одно и то же значение. Чтобы показать пользователю пример ожидаемого ввода, мы используем атрибут placeholder. Установив обязательный атрибут, форма не может быть отправлена без значения в поле:
<ввод
type="email" name="email" placeholder="[email protected]" обязательно>
В дополнение к атрибуту-заполнителю (или вместо него) мы также можем добавить метки, чтобы было еще понятнее, для чего предназначено поле. Атрибут for должен использовать значение из атрибута id! Если вы хотите сначала отобразить метку, а затем поле ввода, добавьте элемент метки перед элементом ввода.
Все, что нужно сейчас, чтобы заполнить эту форму, это кнопка отправки:
С помощью этой базовой структуры вы можете создавать сложные формы с несколькими типами ввода и атрибутами, чтобы настроить их в соответствии со своими потребностями. Хорошими источниками информации о типах ввода и атрибутах являются w3schools.com и веб-документы MDN.
Изучите основы HTML бесплатно
Если вы хотите бесплатно изучить основы HTML, примите участие в нашем 5-дневном соревновании по программированию. Всего за один час в день в течение пяти дней вы изучите основы HTML, CSS и JavaScript. К концу этого короткого бесплатного курса вы создадите свою первую веб-страницу.
Тег тела в HTML | Тег HTML
Руководство по HTML
Тег
в HTML Тег
в HTML Узнайте о теге
в HTML. Kajal Jain
Обновлено — 16 марта 2022 г. 4 мин. Читать Опубликовано: 23 февраля 2022 г.
Опубликовано:
23 февраля 2022
Обзор
В этой статье вы узнаете о элементе HTML CALD. > тег. Тег body содержит все основное содержимое веб-страницы, такое как заголовки, абзацы, изображения, таблицы и т. д. Он всегда заключен в тег. Все, что вы видите в веб-браузере, будет присутствовать внутри тега
. Область применения статьи
- В этой статье кратко объясняется использование тега HTML и его атрибутов с синтаксисом и примерами.
- В этой статье подробно не рассматриваются все остальные HTML-элементы и теги, используемые в примерах.
Тег HTML
Все мы знаем, что HTML в основном используется для создания веб-сайтов, доступных в Интернете.
HTML состоит из ряда элементов, таких как тег
, тег и т.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/images.myshared.ru/6/536152/slide_3.jpg' /><noscript><img loading='lazy' src='/800/600/http/images.myshared.ru/6/536152/slide_3.jpg' /></noscript> д., которые используются для структурирования веб-страницы. Одним из таких элементов, который является домом для всего остального содержимого веб-страницы, такого как заголовки, абзацы, изображения, таблицы и т. д., является HTML-тег<body>.</p><p> Все содержимое тега<body> видно только на веб-странице.</p><p> <strong> Например, </strong></p><pre> <pre> <html>
<голова>
<title>Заголовок веб-страницы
<тело>
Все содержимое тега body видно на веб-странице.
Как показано в примере, тег
всегда заключен внутри тега, и на всей веб-странице может быть только один тег. Обычно он присутствует после тега. Содержимое тега записывается между открывающим () и закрывающим () тегами. Синтаксис
Содержание ....
Специфические атрибуты тега
Тег
имеет некоторые атрибуты, которые изменяют внешний вид веб-страниц. Давайте узнаем о некоторых из них. Атрибут Описание BGCOLOR ЦВЕТА ФОНА на странице .0197 background Image to be used as a background link Color of text for links that are not visited vlink Color of text for visited links text Цвет текста на вашей веб-странице поля Используется для добавления полей на веб-страницу
Атрибуты событий окна
Существуют некоторые атрибуты событий окна, которые основаны на сценариях и используются в теге
. Несколько примеров приведены ниже для справки.
Attribute Description ononline Script triggered when the browser starts to work online onoffline Script triggered when the browser starts to work offline onload Скрипт срабатывает при полной загрузке страницы при ошибке Сценарий, запускаемый при ошибке ONPAGESHOW Сценарий, запускаемый, когда пользователь посещает страницу OnResize сценария, когда сценарий Brows Trrigered Trrigered Brows Trrigered Trignered Brows Trrigered Trignered Trigerled Trigerled Trigersed The Brows Trugrire Trigerled Trigerled Trighered Brows Trrigered Trigerled Trighered Brows Whinore Argerized . Ниже приведен пример базовой структуры веб-страницы с тегом
.
<голова>
Заголовок веб-страницы
<тело>
Это заголовок
Это абзац. Все, что находится внутри тега body, видно на веб-странице.
Объяснение
- Элемент содержит все содержимое веб-страницы, такое как заголовок, абзац, изображения, таблицы и т. д. Здесь элемент
определяет заголовок, а элемент
определяет абзац.
- Элементы содержат все содержимое веб-страницы.
- Элемент содержит дополнительную информацию о HTML-странице, например заголовок страницы.
- Элемент
указывает заголовок веб-страницы, отображаемый в окне браузера.</li></ul><p> Ниже приведен еще один пример использования тега<body> с атрибутом <strong> bgcolor </strong>.</p><pre> <pre> <html>
<голова>
<title>Заголовок веб-страницы
<тело bgcolor = 'желтый'>
Это заголовок
Это абзац. Все, что находится внутри тега body, видно на веб-странице.
Пояснение
HTML-атрибут bgcolor используется для установки цвета фона HTML-элемента.
Синтаксис
Содержание ....
Значение атрибута может быть любым из следующих:
- имя цвета: Цвет фона задается с помощью имени цвета. Например «желтый»
- шестнадцатеричный номер: Цвет фона задается с помощью шестнадцатеричного кода цвета. Например, «#0000ff».
- rgbnumber: Цвет фона задается с помощью кода RGB. Например: «RGB(0, 153, 0)».
Поддерживаемые браузеры
Тег HTML поддерживается всеми основными веб-браузерами. HTML-тег поддерживается всеми основными веб-браузерами, поскольку он является основным элементом html.
Ниже приведен список некоторых основных поддерживаемых браузеров.
- Гугл Хром
- Internet Explorer
- Фаерфокс
- Опера
- Сафари
- Microsoft Edge
Сводка
- Тег HTML содержит все основное содержимое веб-страницы, такое как заголовки, абзацы, изображения, таблицы и т. д.
- Весь контент внутри тега виден только на веб-странице.
- Тег HTML имеет такие атрибуты, как bgcolor, текст и т. д., которые изменяют внешний вид веб-страницы.
- HTML-тег поддерживается всеми основными веб-браузерами, поскольку он является основным элементом HTML.
Время испытаний!
Время проверить свои навыки и выиграть награды!
Примечание. Награды будут начислены после следующего обновления продукта.
Что такое тег HTML Body? (с картинками)
`;
А. Леверкун Тег HTML body — это основной вид маркера для части HTML-документа. В HTML, или языке гипертекстовой разметки, основном языке веб-программирования, эти маркеры называются тегами. Структура HTML включает в себя специальные элементы тегов «открыть и закрыть», которые помогают определить части веб-страницы.
Теги body находятся в начале и в конце строки HTML-кода. Как и другие HTML-теги, набор HTML-тегов body состоит из открывающего и закрывающего тегов. Оба используют набор треугольных скобок, а закрывающий тег, как и другие закрывающие теги HTML, использует обратную косую черту. Весь код между открывающим HTML-тегом body и закрывающим HTML-тегом body относится к тому, что находится в теле HTML-документа.
Структура HTML включает в себя специальные элементы тегов «открыть и закрыть», которые помогают определить части веб-страницы. Один из способов определить тело HTML-документа — показать, что в него не включено. Одним из примеров модуля кода HTML, который существует вне тела, является заголовок HTML. Заголовок HTML также имеет аналогичную структуру открывающего и закрывающего тега. Заголовок HTML предшествует телу HTML и содержит такие элементы, как заголовок HTML.
Почти все другие знакомые структуры кода HTML для изображений, текста, видео, таблиц и других элементов включаются в тело HTML-документа. Тело HTML представляет всю веб-страницу как единицу кода. Это позволяет легко понять, где открывать и закрывать тело HTML.
У программистов есть и другие способы использования открывающего HTML-тега body. Этот тег можно использовать в сочетании с командами для цвета фона основного текста, стиля основного текста и многого другого. Эти элементы включаются в дополнительные теги, которые программисты обычно пишут рядом с открывающим тегом HTML body.
Возможно иметь несколько под- и под-подзаголовков. В этой статье используются два заголовкаMicrosoft прекращает поддержку Internet Explorer
15 июня 2022 года Internet Explorer был официально упразднен и больше не поддерживается. Пользователи будут постепенно перенаправляться в новый браузер Microsoft, Microsoft Edge.
В будущем Internet Explorer будет отключен навсегда.
- Добавьте 15 г кофе мелкого помола в аэропресс
- Добавить 60–70 г воды комнатной температуры.
- Перемешивать в течение 1 минуты.
- Нажмите и удерживайте в течение 1 минуты.
- Разбавить ледяной водой по своему вкусу.
Его значение по умолчанию — False, поэтому вам нужно добавить его только в том случае, если вы хотите перевернуть список.
Чтобы связанная страница не «знала», с какой страницы пришел пользователь, можно использовать атрибут rel со значением noreferrer. Чтобы отобразить удобное для пользователя имя вместо полного и часто длинного URL-адреса, поместите отображаемое имя между открывающим и закрывающим тегом:| , чтобы их содержимое отображалось как заголовок. Внутри тега | следует использовать атрибут области, чтобы помочь программам чтения с экрана определить, какие данные в таблице относятся к заголовку. Чаще всего значением атрибута scope будет «col», т. е. заголовок относится ко всем данным непосредственно под ним.<голова> Корпус столаТело таблицы содержит первичные данные таблицы. В нашем примере каждая строка содержит данные об одном фильме. Поскольку мы определили четыре заголовка, каждая строка должна содержать четыре ячейки. Во всех строках, кроме заголовков, данные для этих ячеек помещаются внутри тега | . Можно определить заголовки для каждой строки. Это заставляет программы чтения с экрана считывать всю строку сразу и дополнительно повышает доступность.<тело> Ножка стола Нижний колонтитул таблицы содержит содержимое нижнего колонтитула. | |||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Цена | <тд> | 21,36€ |
Его можно разместить либо под головкой стола, либо под корпусом стола. Он помещается внутри тега
Примерами являются поисковые запросы. Его никогда не следует использовать для конфиденциальных данных, потому что все представленные данные будут видны в URL-адресе!
Атрибут for должен использовать значение из атрибута id! Если вы хотите сначала отобразить метку, а затем поле ввода, добавьте элемент метки перед элементом ввода.
Давайте узнаем о некоторых из них.| Атрибут | Описание |
|---|---|
| BGCOLOR | ЦВЕТА ФОНА на странице |
| .0197 | |
| background | Image to be used as a background |
| link | Color of text for links that are not visited |
| vlink | Color of text for visited links |
| text | Цвет текста на вашей веб-странице |
| поля | Используется для добавления полей на веб-страницу |
Атрибуты событий окна
Существуют некоторые атрибуты событий окна, которые основаны на сценариях и используются в теге
.Несколько примеров приведены ниже для справки.
| Attribute | Description | |
|---|---|---|
| ononline | Script triggered when the browser starts to work online | |
| onoffline | Script triggered when the browser starts to work offline | |
| onload | Скрипт срабатывает при полной загрузке страницы | |
| при ошибке | Сценарий, запускаемый при ошибке | |
| ONPAGESHOW | Сценарий, запускаемый, когда пользователь посещает страницу | |
| OnResize | сценария, когда сценарий Brows Trrigered Trrigered Brows Trrigered Trignered Brows Trrigered Trignered Trigerled Trigerled Trigersed The Brows Trugrire Trigerled Trigerled Trighered Brows Trrigered Trigerled Trighered Brows Whinore Argerized | . Ниже приведен пример базовой структуры веб-страницы с тегом .<голова> Объяснение
|
Все, что находится внутри тега body, видно на веб-странице.
Леверкун 
Весь код между открывающим HTML-тегом body и закрывающим HTML-тегом body относится к тому, что находится в теле HTML-документа.
