Width html что это
Перейти к содержимому

Width html что это

  • автор:

Атрибут width HTML тега table

Атрибут width определяет ширину таблицы.

Если атрибут width не определен, то таблица в ширину займет все место, необходимое для отображения данных.

Вместо него следует использовать стили CSS.

Пример синтаксиса CSS: .

Синтаксис атрибута
Значения атрибута
Значение Описание
pixels Ширина в пикселях (например, «100px» или «100»)
% Ширина в процентах относительно родительского элемента
Пример использования атрибута

HTML таблица шириной 400px:

  
Месяц Сэкономлено
Январь $100
Февраль $80

Атрибут width

Устанавливает ширину линии в процентах или пикселах. При использовании процентов за 100% берется ширина родительского элемента. Как правило, в качестве родителя выступает окно браузера.

Синтаксис

Значения

Любое допустимое значение в пикселах или процентах.

Значение по умолчанию

Аналог CSS

Валидация

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

HTML 4.01 IE Cr Op Sa Fx

Тег HR, атрибут width



Результат данного примера показан на рис. 1.

Вид линий разной ширины

Рис. 1. Вид линий разной ширины

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Атрибут width

Устанавливает ширину линии в процентах или пикселях. При использовании процентов за 100% берется ширина родительского элемента. Как правило, в качестве родителя выступает окно браузера.

Это устаревший атрибут, взамен него используйте стили.

Синтаксис

Значения

Любое допустимое значение в пикселях или процентах.

Значение по умолчанию

Пример

HR, атрибут width




Результат данного примера показан на рис. 1.

Вид линий разной ширины

Рис. 1. Вид линий разной ширины

Примечание

Для изменения ширины линии используйте стилевое свойство width.

Браузеры

3 12 1 12.1 4 1
4.4 4 12.1 3.2

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Атрибут width

Для изменения размеров изображения средствами HTML предусмотрены атрибуты height и width . Допускается использовать значения в пикселях или процентах. Если установлена процентная запись, то размеры изображения вычисляются относительно родительского элемента — контейнера, где находится элемент . В случае отсутствия родительского контейнера, в его качестве выступает окно браузера. Иными словами, width=»100%» означает, что рисунок будет растянут на всю ширину веб-страницы. Добавление только одного атрибута height или width сохраняет пропорции и отношение сторон изображения. Браузер при этом ожидает полной загрузки рисунка, чтобы определить его первоначальную высоту и ширину.

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

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

Синтаксис

Значения

Любое целое положительное число в пикселях или процентах.

Значение по умолчанию

Исходная ширина изображения.

Пример

IMG, атрибут width

Браузеры

3 12 1 4 1 1

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

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

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