Загрузка

RUS | ANG | |

StepkinBlog.ru

Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, Wordpress, Bootstrap

Главная » Основы HTML » Как сделать фон в HTML-странице. Основы HTML для начинающих. Урок №12

17.10.2015


21:25


14464


пока нет


Как сделать фон в HTML-странице. Основы HTML для начинающих. Урок №12

Как сделать фон в HTML-странице. Основы HTML для начинающих. Урок №12

Всем привет!
Продолжаем изучать основы HTML.
В этом уроке я расскажу и на примерах покажу, как сделать фон из цвета или картинки в HTML-странице.
Все довольно просто!
Начнем из цвета!
Я думаю, вы не пропустили урок №11, там, где я рассказывал, как менять цвет текста и в конце статьи давал коды различных цветов и оттенков. Почему я напомнил вам об этом уроке? Да потому, что там есть таблица с готовыми кодами цветов, берите их и практикуйте сразу в этом уроке.
Итак, как сделать цветовой фон в HTML…

Цветовой фон в HTML

Цвет фона в HTML-документе по умолчанию белый. Как же задать цвет по желанию?
В этом нам поможет атрибут «bgcolor». Чтобы закрасить задний фон, пропишите этот атрибут к тегу «body» :

<body bgcolor="#cc0000">

Либо так:

<body bgcolor="red">

Вот полный HTML-код:

<html>
<head>
<title>Изменяем цвет фона – StepkinBlog.ru</title>
</head>
<body bgcolor="#000000" text="green">
Текст страницы будет зеленый, а фон черным.
</body>
</html>

Результат будет вот таким:

Как сделать фон в HTML-странице. Основы HTML для начинающих. Урок №12

Как сделать в HTML картинку фоном

Если вы хотите сделать фон из картинки, тогда к тегу «body» пропишите атрибут «baсkground»:

Залейте любую картинку туда, где лежит ваша веб-страница (на примере у меня страница имеет название «fon» с расширением «.gif»):

Как сделать в HTML картинку фоном

<body background="fon.gif">

Вот полный HTML-код:

<html>
<head>
<title>фона  – StepkinBlog.ru</title>
</head>
<body background="fon.gif" text="#fff">
Текст страницы на красивом фоне.
</body>
</html>

Результат будет вот таким:

Как сделать в HTML картинку фоном

Если фоновая картинка размещена в папке images или в какой-то другой папке, это будет выглядеть так:

Как сделать в HTML картинку фоном

<body background="images/fon.gif">

Вот полный HTML-код:

<html>
<head>
<title>фона  – StepkinBlog.ru</title>
</head>
<body background="images/fon.gif" text="#fff">
Текст страницы на красивом фоне.
</body>
</html>

На сегодня это все! Я думаю, урок был не сложный и вы все поняли. Если есть вопросы, пишите в комментариях.
Жду вас на следующих уроках.



Случайные записи:

  1. Миниатюры. Основы bootstrap 3 для начинающих. Урок №25
  2. Бегущая строка на HTML. Основы HTML для начинающих. Урок №9
  3. Как прописать путь к файлу, картинке или странице. Основы HTML для начинающих. Урок №13
  4. Как создать слайдер (карусель). Основы bootstrap 3 для начинающих. Урок №18
  5. Синтаксис языка PHP. Основы PHP с нуля. Урок №2

Последние записи рубрики:

  1. Бесплатный курс по основам HTML
  2. Шпаргалка по HTML на русском языке
  3. Создание простого мини сайта. Практика по пройдённому материалу
  4. Тесты HTML онлайн. Основы HTML для начинающих
  5. Как прописать мета теги. Основы HTML для начинающих. Урок №21

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Подписаться на обновления:

Подпишись на обновления моего блога через e-m@il:

@

Реклама на блоге:

Мои цели на
2019 год:

Довести количество статей до 150

Доделать этот блог

Закончить тему «Основы CSS»

Закончить тему «Основы PHP»

Начать тему «Основы JavaScript»

Добиться посещаемости 500 чел/сутки

Статистика:

Записей: 108
Страниц: 3
Рубрик: 9
Меток: 11
Комментариев: 286