Разное

Фоновая картинка html: Как добавить фоновый рисунок на веб-страницу?

24.05.2023

Теги HTML/таблицы/фоновое изображение — индекс тега

Браузер
Тип
  • Расширение

Атрибут фона элементов TABLE, TR и TD (TH) определяет фоновое изображение таблицы.

  
: применяется ко всей таблице : применяется ко всем ячейкам подряд : применяется к одной ячейке

Атрибут Значение Пояснение
фон = » » URL-адрес URL изображения для отображения

Атрибут расширения. (Нестандартный атрибут)

Используйте CSS вместо этого атрибута. Подробную информацию о CSS см. в «Связанном документе».

Пример

Фоновое изображение

Фоновое изображение стола
gif">
Выход
Строка1 – Столбец1 Строка1 – Столбец2 Строка1 – Столбец3
Строка2 – Столбец1 Строка2 – Столбец2 Строка2 – Столбец3
Строка3 – Столбец1 Строка3 – Столбец2 Строка3 – Столбец3
Ряд1 — Кол1 Ряд1 — Кол2 Ряд 1 – столбец 3
Ряд2 — Колонка 1 Ряд2 — Кол2 Ряд 2 – столбец 3
Ряд3 — Кол1 Ряд3 — Кол2 Ряд3 — Кол3
Фоновое изображение строки
<граница таблицы="1">

Строка1 – Столбец1
Строка1 – Столбец2
Строка1 – Столбец3

   
Строка2 – Столбец1
Строка2 – Столбец2
Строка2 – Столбец3
   

Строка3 – Столбец1
Строка3 – Столбец2
Строка3 – Столбец3



 
Выход
gif»>
Ряд1 — Кол1 Ряд1 — Кол2 Ряд 1 – столбец 3
Ряд 2 — Колонка 1 Ряд2 — Кол2 Ряд 2 – столбец 3
Ряд3 — Кол1 Ряд3 — Кол2 Ряд3 — Кол3
Фоновое изображение ячеек
<граница таблицы="1">

Строка1 – Столбец1
    Строка1 - Столбец2   
Строка1 – Столбец3


Строка2 – Столбец1
    Строка2 — Столбец2   
Строка2 – Столбец3


Строка3 – Столбец1
  
Строка3 - Столбец2 Строка3 – Столбец3
Выход
Ряд1 — Кол1 Ряд1 — Столбец2 Ряд 1 – столбец 3
Ряд2 — Колонка 1 Ряд2 — Кол2 Ряд 2 – столбец 3
Строка 3 — Кол1  gif»> Ряд3 — Кол2 Ряд3 — Кол3

Фоны : Фоновое изображение — HTML-руководство

Если вы хотите добавить фоновое изображение вместо простого цвета, перед тем, как это сделать, следует учесть некоторые соображения:

  • Является ли фоновое изображение достаточно дискретным, чтобы не отвлекать внимание от того, что на нем написано?
  • Будет ли фоновое изображение работать с цветами текста и ссылок, которые я установил для страницы?
  • Будет ли фоновое изображение работать с другими изображениями, которые я хочу разместить на странице?
  • Сколько времени потребуется странице для загрузки моего фонового изображения
    ? Он просто слишком большой?
  • Будет ли работать фоновое изображение, когда оно копируется на всю страницу? Во всех разрешениях экрана?

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


Примечание:
Если используемое изображение меньше размера экрана, оно будет реплицироваться до тех пор, пока не заполнит весь экран.

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


Когда вы решите использовать фоновое изображение для страницы, всегда полезно также указать цвет фона.

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

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