Как сделать фон в html css

Как сделать фон в html css

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как изменить цвет фона и текста в HTML? Как сделать фон картинку? Урок – 8

О том, как менять цвет текста я писал тут. Хочу сказать, что это не всегда удобно. Вот, например, вы хотите поменять цвет текста всей HTML страницы. Например, черный цвет текста изменить на красный. Для этого существует атрибут text для тэга <body> . Хочу зацепить тег <body> , так как в этом теге есть атрибуты, которые помогут изменить не только цвет текста, но и фон всей HTML страницы. А теперь подробней и с примером.
Вот атрибуты, которые мы сейчас рассмотрим:

TEXT – этот атрибут задает цвет текста всего документа.
BGCOLOR – этот атрибут указывает цвет фона HTML странице.
BACKGROUND – с этим атрибутом можно залить фон страницы изображением.

Изменяем цвет текста с помощью атрибута text.

Атрибут text прописывается в теге <body> . Цвет задается в виде цифрового кода:

<body text color: #ff0000;">#cc0000 ">

или обычным названием цвета:

<body text color: #ff0000;">green ">

Код кодировки и название цвета для HTML вы посмотрите тут.

Изменяем цвет текста с помощью атрибута text.

Изменяем цвет текста с помощью атрибута text.

Изменяем цвет фона с помощью атрибута BGCOLOR.

При помощи атрибута BGCOLOR , который тоже размещается в теге <body> , можно задать цвет фона HTML страницы.

Цвет задается в виде цифрового кода:

<body bgcolor color: #ff0000;">#000000 ">

или обычным названием цвета:

<body bgcolor color: #ff0000;">green ">

Изменяем цвет фона с помощью атрибута BGCOLOR

Изменяем цвет фона с помощью атрибута BGCOLOR

Изменяем цвет фона с помощью атрибута BACKGROUND.

Атрибут BACKGROUND тоже размещается в теге <body> . С помощью этого атрибута вы сможете сделать картиночный фон. Формат картинки берите jpg или gif . Разрешение картинки можно брать от 12х12 пикселей и больше.

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

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

Ваш адрес email не будет опубликован.