Разное

Тег body html: Тег | htmlbook.ru

27.03.2019

Содержание

Тег | htmlbook.ru

Internet Explorer Chrome Opera Safari Firefox Android iOS
1.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Элемент <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.

Тег <body> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору BODY.

Тем не менее, большинство атрибутов до сих пор поддерживается разными браузерами.

Часто тег <body> используется для размещения обработчика событий, например, onload, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.

Открывающий и закрывающий теги <body> на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.

Синтаксис

<body>
  ...
</body>

Атрибуты

alink
Устанавливает цвет активной ссылки.
background
Задает фоновый рисунок на веб-странице.
bgcolor
Цвет фона веб-страницы.
bgproperties
Определяет, прокручивать фон совместно с текстом или нет.
bottommargin
Отступ от нижнего края окна браузера до контента.
leftmargin
Отступ по горизонтали от левого края окна браузера до контента.
link
Цвет ссылок на веб-странице.
rightmargin
Отступ от правого края окна браузера до контента.
scroll
Устанавливает, отображать полосы прокрутки или нет.
text
Цвет текста в документе.
topmargin
Отступ от верхнего края окна браузера до контента.
vlink
Цвет посещенных ссылок.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Открывающий и закрывающий теги не обязательны.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <title>Тег BODY</title>
  <meta charset="utf-8">
 </head>
 <body onload="alert('Документ загружен')">

  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </body> </html>

Результат текущего примера показан на рис. 1. При использовании события onload тега <body> выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что документ загружен.

Рис. 1. Всплывающее окно в документе

Тег HTML основная часть, тело таблицы

Тег <tbody> определяет границы основной части таблицы HTML. Используется в HTML таблицах определенных тегом <table>.

К группе тегов отвечающих за различные части HTML таблиц относятся: тег <thead> — верхний колонтитул, <tbody> — основная часть, <tfoot> — нижний колонтитул.

Браузеры могут использовать разделение таблицы на смысловые части, например, выводя при печати области колонтитулов <thead> и <tfoot> на каждой напечатанной странице.

HTML тег <tbody> должен располагаться внутри тега <table> после тегов <caption>, <col>, <colgroup>, <thead> и <tfoot>.

Внутри тега <tbody> должен быть один или несколько элементов <tr> — строк таблицы.

Стоит отметить, что теги <thead>, <tbody>, <tfoot> по умолчанию не изменяют стили таблицы. Для этого используйте CSS.

Подробнее про создание таблиц читайте в статье: Создание таблиц в HTML. Все о HTML таблицах.

Синтаксис

<tbody>элементы tr с HTML контентом</tbody>

Отображение в браузере

Ячейка 1 Ячейка 2
Ячейка 7 Ячейка 8
Ячейка 3 Ячейка 4
Ячейка 5 Ячейка 6

Пример использования <tbody> в HTML коде

<!DOCTYPE html>
<html>
<head>
<title>Таблица с tbody</title>
</head>
<body>
<table>
<!-- Ячейки верхнего колонтитула -->
<thead>
<tr>
<th>Ячейка 1</th>
<th>Ячейка 2</th>
</tr>
</thead>
<tfoot>
<!-- Ячейки нижнего колонтитула -->
<tr>
<th>Ячейка 7</th>
<th>Ячейка 8</th>
</tr>
</tfoot>
<tbody>
<!-- Основная часть таблицы -->
<tr>
<td>Ячейка 3</td>
<td>Ячейка 4</td>
</tr>
<tr>
<td>Ячейка 5</td>
<td>Ячейка 6</td>
</tr>
</tbody>
</table>
</body>
</html>

Поддержка браузерами

Атрибуты <tbody>

В HTML5 у тега <tbody> нет атрибутов.

Устаревшие атрибуты

Атрибут
Значения
Описание
align left
right
center
justify
Задает правило выравнивания содержимого по горизонтали. В HTML5 используйте CSS.
valign top
middle
bottom
baseline
Задает правило выравнивания содержимого по вертикали. В HTML5 используйте CSS.

seodon.ru | Теги HTML — Тег BODY

Опубликовано: 25.06.2010 Последняя правка: 10.12.2015

Тег <BODY> определяет тело документа, в котором находится его отображаемое содержимое. В нем расположено графическое, текстовое, аудио и видео наполнение сайта, теги отвечающие за внешний вид и форматирование, гиперссылки, скрипты и т.д. В общем, все то, ради чего и создаются сайты, и все это можно назвать одним словом — контент.

Хотя тег <BODY> и не обязателен (браузер сам определит, где находится тело HTML-документа), все же принято его указывать всегда.

Атрибуты

Личные атрибуты:

  • alink — Цвет активных ссылок.
  • background — Задает путь к фоновому изображению.
  • bgcolor — Цвет фона страницы.
  • bgproperties — Запрещает скроллинг фонового изображения вместе с содержимым страницы.
  • bottommargin — Поле снизу от окна браузера до содержимого страницы.
  • leftmargin — Поле слева от окна браузера до содержимого страницы.
  • link — Цвет непосещенных ссылок.
  • rightmargin — Поле справа от окна браузера до содержимого страницы.
  • scroll — Скрывает или отображает полосу прокрутки окна.
  • text — Устанавливает цвет текста по умолчанию.
  • topmargin — Поле сверху от окна браузера до содержимого страницы.
  • vlink — Цвет посещенных ссылок.

Общие атрибуты:

  • accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
  • class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
  • dir — указывает направление текста внутри элемента.
  • id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
  • lang — указывает язык, на котором написан текст внутри HTML-элемента.
  • style — необходим для применения встроенных стилей CSS к тегу.
  • tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
  • title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.

Всегда указывайте все атрибуты, отвечающие за цвет, вместе. По умолчанию их значения берутся из текущей цветовой схемы операционной системы или из настроек браузера. Поэтому может случиться так, что если указать не все цвета — некоторые могут совпасть или быть негармоничными. Кроме этого, если вы используете background, то всегда указывайте и bgcolor, на тот случай, если в браузере отключен показ изображений.

Тип тега

Назначение: документ.

Модель тега: может располагаться сразу после закрывающегося тега </HEAD> или, если он не указан, после тегов, относящихся к заголовку документа.

Должен содержать: block-теги. и/или теги <SCRIPT>.

Может содержать: теги <INS> и/или <DEL>.

Открывающий тег: не обязателен. Закрывающий тег: не обязателен.

Синтаксис

<body>содержимое</body>

Пример HTML: применение тега BODY

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Применение тега BODY</title>
 </head>
 <body text="#a60000" bgcolor="#5ccccc" link="#ff4040" alink="#9fee00" vlink="#810081">
  <p><a href="#">Раз</a></p>
  <p><a href="#">Два</a></p>
  <p><a href="#">Три</a></p>
  <p>Четыре, пять, я иду тебя искать.</p>
 </body>
</html>

Результат примера

Поддержка версиями HTML

Версия:HTML 4.
01
HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа

Теги HTML. Тег BODY. Пример BODY


Тег <body> определяет видимую часть документа, отображающуюся в окне браузера. В этом разделе располагается вся содержательная часть документа (текст статьи, фотографии, формы для заполнения, другие объекты). Тег имеет ряд необязательных атрибутов. Рекомендуется вместо нежелательных атрибутов использовать каскадные таблицы стилей. Начальный и конечный теги необязательны.

Атрибуты

alink
Нежелательный. Устанавливает цвет активной ссылки. Текущий цвет ссылки меняется на активный, в случае если на ссылку нажимают курсором мыши или выделяют ее с помощью клавиатуры
background
Нежелательный. Определяет изображение, которое будет использоваться в качестве фонового рисунка
bgcolor
Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB — пример: FF0000 — красный цвет, либо используя константы цвета, например для желтого цвета, используемой на данной странице <body bgcolor="yellow">
bgproperties=fixed
Фоновое изображение прокручиваться не будет. Т.е. текст будет двигаться при нажатии PageDown, а фон — нет. Данный параметр поддерживается только Internet Explorer
bottommargin
Отступ снизу
contentEditable
Возможность редактирования
innerText
Устанавливает или получает текст между начальным и закрывающим тегом объекта
leftmargin
Отступ слева. Установите необходимое числовое значение
link
Нежелательный. Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB — пример: 00FF00 — зеленый цвет,либо используя константы цвета,например для красного цвета,используемой на данной странице <body link="red">
marginheight
Отступ сверху и снизу (для Firefox)
marginwidth
Отступ слева и справа (для Firefox)
offsetWidth
Размер объекта
rightmargin
Отступ справа.
topmargin
Отступ сверху
text
Нежелательный. Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB — пример: 000000 — черный цвет, либо используя константы цвета, например для зеленого цвета, используемой на данной странице <body text="green">
vlink
Нежелательный. Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB — пример: 333333 — серый цвет
scroll
Параметр scroll управляет присутствием полос прокрутки в окне браузера, когда содержание веб-страницы превышает размер текущего окна. Этот параметр работает только в браузере Internet Explorer

Пример:
Код примера, изменяйте его:
Результат:
<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>Тег BODY</title> </head> <body alink=»red» background=»money.gif» bgproperties=»fixed» bgcolor=»#A0BEC4″ leftmargin=»0″ link=»#003366″ scroll=»no»> Пример использования тега BODY </body> </html>
Код примера можно изменять, результат справа меняется автоматически


Обновлено:

Урок 1. Создание html-страницы | | Уроки MODx Evo


Гипертекстовый учебник на HTML

Урок 1. Создание html-страницы

Прежде, чем приступить к изучению, скачайте необходимые материалы «К разделу «Гипертекстовый учебник на HTML».  Ссылка для скачивания расположена на желтом фоне в правом верхнем углу поля урока. Разархивируйте файлы.

 Задание:

  1. Изучить основные команды, используемые при создании HTML-страниц.
  2. Выполнить 5 упражнений, приведенных в тексте урока.
  3. Выполнить контрольное задание.
  4. Сдать урок преподавателю устно, отвечая на вопросы и демонстрируя все действия на компьютере.

В результате изучения этого урока Вы создадите web-страницу об РГППУ, как показано на рисунке ниже.

 

1. Структура HTML-документа, определение цветов в web

HTML–документ создается в текстовом редакторе Блокнот и имеет расширение .htm или .html.

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

Теги управляют браузером при отображении web-страницы.

Все теги, чтобы отделить их от содержимого страницы, заключены в угловые скобки < >.

Обычно теги парные. Заключительный тег выглядит так же, как и начальный, но со слешем (/). Парные теги должны вкладываться друг в друга без пересечений, т.е. если в области А открылся тег В, он должен закрыться до того, как закроется тег А.

Структура HTML-документа (листинг 1)

<!DOCTYPE html>
<html>
<head>
            <meta http-equiv=Content-Type content=»text/html; charset=utf-8″ />
            <title>Мой первый шаг</title>
</head>
<body>
Здравствуйте, это моя первая веб-страница!
</body>
</html>

  Весь HTML-документ заключен между тегами <html> и </html>. Это обязательный тег.

Между тегами <head> и </head> содержится заголовочная часть документа.

Заголовочная часть включает теги <title> и </title>, которые используются для присвоения имени документу. Это название при загрузке документа появляется в строке заголовка браузера. Заголовок должен быть лаконичным, информативным и занимать одну строку.

В элементе <head> также могут содержаться и другие теги, которые обеспечивают связи между различными документами и метод пересылки специальных сообщений определенному браузеру или другой программе.

Все тело страницы с графикой, текстом и гиперссылками (т.е. содержательная часть) содержится между тегами <body> и </body>.

Упражнение 1.

1. Откройте папку web из скачанного архива, внутри папки web расположены папки library и rgppu. В дальнейшем все html-файлы сохраняйте в папке web!

2. Откройте программу Блокнот.

3. Наберите (или скопируйте) текст, изображенный в листинге 1.

4. Сохраните документ в папке web под именем fist.html. При сохранении документа в поле Тип файла установите Все файлы (рис. 1).

: Элемент тела документа — HTML: язык разметки гипертекста

HTML Элемент представляет содержимое HTML-документа. В документе может быть только один элемент .

) инкапсулирует набор строк таблицы ( элементов), указывая, что они составляют тело таблицы (
Категории содержимого Разделение корня.
Разрешенное содержание Содержание потока.
Отсутствие тега Начальный тег может быть опущен, если первое, что внутри него — это не пробел, комментарий, элемент

Элемент HTML Table Body (

).

Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, клонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос на перенос.

Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, клонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос на перенос.

Элемент

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

элементов. не является обязательным дочерним элементом для родительского элемента
Категории содержимого Нет.
Разрешенное содержание Ноль или более
Отсутствие тега Элемент
для графической визуализации. Однако он не должен присутствовать, если его родительский элемент
имеет дочерний элемент . (для семантической идентификации строк заголовка), после него должен идти блок .
  • Если вы используете
  • , у вас также не может быть строк таблицы ( элементов), которые являются прямыми дочерними элементами
    Допущенные родители В пределах требуемого родительского элемента элемент может быть добавлен после элементов и .
    ,
    Неявная роль ARIA группа строк
    Разрешенные роли ARIA Любая
    Интерфейс DOM HTMLTableSectionElement

    Устаревшие атрибуты

    align Этот устаревший API больше не должен использоваться, но, вероятно, будет работать.
    Этот перечисляемый атрибут определяет, как будет обрабатываться горизонтальное выравнивание содержимого каждой ячейки. Возможные значения:
    • слева , выравнивание содержимого слева от ячейки
    • центр , центрирование содержимого в ячейке
    • справа , выравнивание содержимого по правому краю ячейки
    • выровнять , вставив пробелы в текстовое содержимое так, чтобы содержимое было выровнено в ячейке
    • char , выравнивание текстового содержимого по специальному символу с минимальным смещением, определяемым атрибутами char и charoff .

    Если этот атрибут не установлен, принимается значение left .

    Поскольку этот атрибут устарел, используйте вместо него свойство CSS text-align .

    bgcolor Этот устаревший API больше не должен использоваться, но, вероятно, будет работать.

    Цвет фона таблицы. Это шестизначный шестнадцатеричный код RGB с префиксом # . Также можно использовать одно из предопределенных цветовых словечек.

    Поскольку этот атрибут устарел, используйте вместо него свойство CSS background-color .

    char Этот устаревший API больше не должен использоваться, но, вероятно, будет работать.

    Этот атрибут используется для установки символа для выравнивания ячеек в столбце. Типичные значения для этого включают период (. ) при попытке выровнять числа или денежные значения. Если align не установлено на char , этот атрибут игнорируется.

    charoff Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
    Этот атрибут используется для указания количества символов для смещения данных столбца от символов выравнивания, заданных атрибутом char .
    valign Этот устаревший API больше не должен использоваться, но, вероятно, будет работать.
    Этот атрибут определяет вертикальное выравнивание текста в каждой строке ячеек заголовка таблицы.Возможные значения этого атрибута:
    • baseline , при котором текст помещается как можно ближе к нижней части ячейки, но выравнивается по базовой линии символов, а не по нижней части. Если все символы одинакового размера, это имеет тот же эффект, что и нижний .
    • bottom , при котором текст помещается как можно ближе к низу ячейки;
    • средний , который будет центрировать текст в ячейке;
    • и top , при котором текст помещается как можно ближе к верху ячейки.

    Поскольку этот атрибут устарел, используйте вместо него свойство CSS vertical-align .

    • Если таблица включает в себя блок
    , но не включены в .Все строки без заголовка и без нижнего колонтитула должны находиться внутри , если он используется.
  • При печати документа элементы
  • и определяют информацию, которая может быть одинаковой - или, по крайней мере, очень похожей - на каждой странице многостраничной таблицы, а содержание элемента обычно будет отличаться от страницы к странице.
  • Когда таблица представлена ​​в контексте экрана (например, в окне), который недостаточно велик для отображения всей таблицы, пользовательский агент может позволить пользователю прокручивать содержимое
  • , , и для каждой таблицы, если все они идут подряд. Это позволяет вам разделить строки в больших таблицах на разделы, каждый из которых при желании может быть отформатирован отдельно.

    Ниже приведены несколько примеров, показывающих использование элемента

    . Дополнительные примеры использования этого тега см. В примерах для
    блоки отдельно друг от друга для одной и той же родительской таблицы.
  • Вы, , можете использовать более одного
  • .

    Базовый пример

    В этом относительно простом примере мы создаем таблицу со списком информации о группе студентов с

    и , с количеством строк в теле.

    HTML

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

    .

      <таблица>
      
    Студенческий билет Имя Major
    3741255 Джонс, Марта Компьютерные науки
    3971244 Ним, Виктор Русская литература
    4100332 Петров Александра Астрофизика
    CSS

    Далее показан CSS для стилизации нашей таблицы.

      стол {
      граница: 2px solid # 555;
      граница-коллапс: коллапс;
      шрифт: 16px «Lucida Grande», «Helvetica», «Arial», без засечек;
    }  

    Сначала устанавливаются общие атрибуты стиля таблицы, настраиваются толщина, стиль и цвет внешних границ таблицы, а также используется border-collapse , чтобы гарантировать, что линии границ являются общими для соседних ячеек, а не каждая имеет свои собственные границы с пространство между ними. шрифт используется для установки начального шрифта для таблицы.

      т, тд {
      граница: сплошная 1px #bbb;
      отступ: 2px 8px 0;
      выравнивание текста: слева;
    }  

    Затем стиль устанавливается для большинства ячеек в таблице, включая все ячейки данных, а также стили, общие для наших и ячеек. Ячейкам выделен светло-серый контур толщиной в один пиксель, заполнение настроено, и все ячейки выровнены по левому краю с использованием text-align

      thead> tr> th {
      цвет фона: #cce;
      размер шрифта: 18 пикселей;
      нижняя граница: 2px solid # 999;
    }  

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

    Результат

    Итоговая таблица выглядит так:

    Несколько тел

    Вы можете создать несколько разделов в таблице, используя несколько элементов . Каждый потенциально может иметь свою собственную строку или строки заголовка; однако может быть только один на таблицу! Из-за этого вам нужно использовать , заполненный элементами , для создания заголовков внутри каждого .Посмотрим, как это делается.

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

    Результат

    Во-первых, итоговая таблица, чтобы вы знали, что мы создаем:

    HTML

    Обновленный HTML-код выглядит так:

      <таблица>
      
        
           Студенческий билет 
           Имя 
        
      
      
        
           Компьютерные науки 
        
        
           3741255 
           Джонс, Марта 
        
        
           4077830 
           Пирс, Бенджамин 
        
        
           5151701 
           Кирк, Джеймс 
        
      
      
        
           Русская литература 
        
        
           3971244 
           Ним, Виктор 
        
      
      
        
           Астрофизика 
        
        
           4100332 
           Петров Александра 
        
        
           8892377 
           Тойота, Хироко 
        
      
      

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

    Тогда каждая оставшаяся строка в каждой специальности состоит из двух ячеек: первая для идентификатора студента, а вторая для его имени.

    CSS
      стол {
      граница: 2px solid # 555;
      граница-коллапс: коллапс;
      шрифт: 16px «Lucida Grande», «Helvetica», «Arial», без засечек;
    }
    
    th, td {
      граница: сплошная 1px #bbb;
      отступ: 2px 8px 0;
      выравнивание текста: слева;
    }
    
    thead> tr> th {
      цвет фона: #cce;
      размер шрифта: 18 пикселей;
      нижняя граница: 2px solid # 999;
    }  

    Большая часть CSS не изменилась.Однако мы добавляем немного более тонкий стиль для ячеек заголовков, содержащихся непосредственно в (в отличие от тех, которые находятся в ). Это используется для заголовков, указывающих на соответствующий основной раздел таблицы.

      tbody> tr> th {
      цвет фона: #dde;
      нижняя граница: сплошной 1. 5px #bbb;
      шрифт: нормальный;
    }  

    таблицы BCD загружаются только в браузере

    • CSS-свойства и псевдоклассы, которые могут быть особенно полезны для стилизации элемента :
      • псевдокласс : nth-child для установки выравнивания ячеек столбца;
      • свойство text-align для выравнивания всего содержимого ячеек по одному и тому же символу, например '.'.

    HTML 4 тег тела


    Тег HTML body используется для обозначения раздела основного содержимого документа HTML. Тег body помещается между тегами и .

    Обратите внимание, что атрибуты тега body не рекомендуются в HTML 4.01 и устарели в HTML 5. Для определения представления тела документа следует использовать CSS. Например, см. CSS background-color и CSS text-decoration.

    Пример

     01 Transitional // EN"
       "http://www.w3.org/TR/html4/loose.dtd">
    
    
     HTML-тег тела 
    
       
    Содержимое документа находится здесь
       
    
     

    Атрибуты

    Атрибуты, относящиеся к этому тегу:
    Атрибут Описание
    фон Задает URI / URL-адрес фонового изображения.Этот атрибут устарел.
    текст Задает цвет текста. Этот атрибут устарел.
    ссылка Определяет цвет текста непосещенной гиперссылки. Этот атрибут устарел.
    vlink Определяет цвет текста посещенной гиперссылки. Этот атрибут устарел.
    alink Определяет цвет активного текста гиперссылки (т.е.е. когда пользователь нажимает на нее). Этот атрибут устарел.
    Другие атрибуты:
    Атрибут Описание
    класс Общий идентификатор документа.
    id Общий идентификатор документа
    язык Код языка
    dir Задает направление текста
    заголовок Задает заголовок, который нужно связать с элементом.Многие браузеры отображают это при наведении курсора на элемент (аналогично «всплывающей подсказке»).
    стиль Встроенный стиль (CSS)
    bgcolor Цвет фона. Этот атрибут устарел.
    onload Внутреннее событие (см. Обработчики событий)
    onunload Внутреннее событие (см. Обработчики событий)
    onclick Внутреннее событие (см. Обработчики событий)
    ondbclick Внутреннее событие (см. Обработчики событий)
    onmousedown Внутреннее событие (см. Обработчики событий)
    onmouseup Внутреннее событие (см. Обработчики событий)
    onmouseover Внутреннее событие (см. Обработчики событий)
    onmousemove Внутреннее событие (см. Обработчики событий)
    onmouseout Внутреннее событие (см. Обработчики событий)
    onkeypress Внутреннее событие (см. Обработчики событий)
    onkeydown Внутреннее событие (см. Обработчики событий)
    onkeyup Внутреннее событие (см. Обработчики событий)

    Попробуйте сами!

    Измените приведенный ниже код, затем нажмите Обновить .См. Ниже атрибуты.

    Информация на этой странице основана на HTML версии 4.01. Большинство современных браузеров теперь поддерживают HTML5.

    См. HTML5 Tag для версии HTML5 вышеуказанного элемента.

    См. Этот список тегов HTML для получения последнего списка элементов HTML.

    тегов, атрибутов и элементов | HTML Dog

    Теги

    Базовая структура HTML-документа включает теги, которые окружают контент и придают ему значение.

    Измените свой документ так, чтобы он выглядел так:

     
       
       
       
        Это моя первая веб-страница
       
       
      

    Теперь снова сохраните документ, вернитесь в веб-браузер и перезагрузите страницу.

    Внешний вид страницы не изменится вообще, но цель HTML - придать смысл, а не представление, и в этом примере теперь определены некоторые фундаментальные элементы веб-страницы.

    Первая строка вверху, , представляет собой объявление типа документа и позволяет браузеру узнать, какой вариант HTML вы используете (в данном случае HTML5). Очень важно придерживаться этого правила - если вы этого не сделаете, браузеры будут считать, что вы на самом деле не знаете, что делаете, и будут действовать весьма своеобразным образом.

    Возвращаясь к сути, - это открывающий тег , который запускает процесс и сообщает браузеру, что все между этим и закрывающим тегом является HTML-документом.Материал между и - это основное содержимое документа, которое будет отображаться в окне браузера.

    Рекламируйте здесь! На давнем, начитанном и уважаемом ресурсе веб-разработки.

    Закрывающие теги

    и помещают близко к своим соответствующим элементам (подробнее об элементах чуть позже).

    Не все теги имеют такие закрывающие теги ( ), некоторые теги, которые не охватывают содержимое, закрываются сами.Тег разрыва строки, например, выглядит так:
    - разрыв строки не содержит никакого содержания, поэтому тег радостно сидит в одиночестве. Мы встретимся с этими примерами позже. Все, что вам нужно запомнить, это то, что все теги с содержимым между ними должны быть закрыты в формате открывающий тег → содержимое → закрывающий тег. Строго говоря, это не всегда требование, но это соглашение, которое мы используем в этих руководствах, потому что это хорошая практика, которая приводит к более чистому и легкому пониманию кода.

    Вы можете встретить «самозакрывающиеся» теги, когда, например, тег br будет выглядеть как «
    », а не просто «
    ». Это остаток XHTML, формы HTML, основанной на другом языке разметки, называемом XML. HTML5 гораздо более спокойный, чем XHTML, и будет доволен любым форматом. Некоторые разработчики предпочитают один способ, некоторые - другой. Мы подбросили монетку и решили остановиться на более простом варианте.

    Атрибуты

    Теги также могут иметь атрибутов , которые являются дополнительными битами информации.Атрибуты появляются внутри открывающего тега, а их значения заключаются в кавычки. Они выглядят примерно как Маргарин . Теги с атрибутами мы встретим позже.

    Еще раз, кавычки не всегда необходимы, но это общепринятое соглашение, которое HTML Dog использует для единообразия и ясности. Мы предлагаем вам сделать то же самое.

    Элементы

    Теги, как правило, не делают ничего больше, чем отмечают начало и конец элемента.Элементы - это части, из которых состоят веб-страницы. Например, можно сказать, что все, что находится между тегами и (и включает), является элементом body. В качестве другого примера, тогда как « </code>» и «<code> » - это теги , « Rumple Stiltskin » - это элемент заголовка .

    .

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *