background атрибут HTML теґа body
- Головна
- html
- теґи
- <body>
- background
Атрибут background вказує фонове зображення для документа.
Для нього не потрібно вказувати ширину та висоту, бо зображення займає весь простір вікна. Якщо зображення меньше розміру вікна браузера, тоді воно повторюється праворуч і вниз. Тому треба дбати про те, щоб краї зображення при складанні «мозаїки» були без видимих країв.
Запропонувати свою пораду чи нотатку
ПорадаНотатка
Синтакс
<body background="URL">
Атрибут background може отримувати єдине значення :
URLURL-адреса фонового зображення. Можливі значення:
- Абсолютний URL — вказує на інший сайт (як href=http://www.example.com/bgimage.gif).
- Відносний URL — вказує на файл в межах веб-сайту (як href=»/images/bgimage.
Переглядачі
- Стаціонарні переглядачі
- Мобільні переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
1+ | 1+ | 1+ | 3.5+ | 2+ | 12+ |
| Переглядач | ||||
|---|---|---|---|---|
1+ | 1+ | 1+ | 1+ |
Приклади
- Приклад 1
Найпростіший приклад використання HTML атрибута background
<body>See the Pen Body_background_css_in_ua by css.
in.ua (@css_in_ua) on CodePen.
Різниця між HTML 4.01 та HTML5
Атрибут background для тега <body> не підтримується у HTML5. Користуйтесь для цього CSS.
Різниця між XHTML та HTML
Немає жодної різниці.
Как разделить фон на 2 цвета с помощью CSS | Мигель Нуньес
Как разделить фон на 2 цвета с помощью CSS | Мигель Нуньес | MediumЧтение: 3 мин.
·
3 февраля 2022 г.
В этом уроке я научу вас, как разделить фон на два цвета. Не волнуйтесь, это очень просто и не требует сложного кода. Давайте начнем.
CSS:
Удалите отступы и поля по умолчанию для элементов.
*{
заполнение: 0;
поле: 0;
} Автор Miguel Nunez
189 подписчиков
Просто парень, который любит разрабатывать программное обеспечение.
Канал YouTube: https://www.youtube.com/@codefoxx/videos
Еще от Мигеля Нуньеса
Мигель Нуньес
Как загрузить и просмотреть изображение с помощью JavaScript
Когда вы впервые узнаете, как для загрузки изображения в свой проект, скорее всего, вам достаточно будет просто успешно добавить файл …
·4 мин чтения·8 августа 2021 г.
Miguel Nunez
HTML, CSS и JavaScript — Как показать/скрыть пароль с помощью значка глаза
В этом уроке я показать вам, как реализовать функцию отображения/скрытия пароля в поле ввода пароля. Зачем вам это…
·2 мин. чтения·2 августа 2022 г.
Мигель Нуньес
Как загружать и отображать несколько изображений с помощью Node.js и Multer — JavaScript
с функцией перетаскивания
· Чтение: 14 мин · 28 декабря 2022 г.
0003
Вы когда-нибудь задумывались, как много посещений вашего сайта? В этом уроке я научу вас, как отслеживать это, всего за 4 простых шага, с помощью…
·5 мин чтения·1 февраля 2022 г.
Просмотреть все от Мигеля Нуньеса0023
Philosophical Technique
9 проектов, которые помогут вам стать мастером Frontend в 2023 году
Независимо от того, с чего вы начинаете, новичок вы или ветеран отрасли, постоянное обновление новых концепций, языков и …
·5 минут чтения·3 февраля
The PyCoach
в
Вы используете ChatGPT неправильно! Вот как опередить 99% пользователей ChatGPT
Овладейте ChatGPT, изучив технику быстрого доступа.
·7 минут чтения·17 марта
Tanu N Prabhu
in
Радиус границы так хорош?
В этой статье мы рассмотрим свойство CSS border-radius и закончим!
·4 мин чтения·9 ноября 2022 г.
Kenton de Jong
5 новых функций, которые изменят способ написания CSS
CSS существует с 1996 года. много вещи естественным образом меняются. Но обычно CSS меняется довольно медленно. Для…
·6 мин. чтения·21 ноября 2022 г.
Росс Горбаченко
Советы по созданию лучших кнопок
Вот несколько советов о том, как создать эффективные кнопки, которые будут четкими, видимыми и привычными для пользователей.
·6 мин чтения·5 января
Jennifer Bland
Горизонтальная прокрутка с использованием CSS Grid
В этой предыдущей статье я показал, как сделать горизонтальную прокрутку с помощью flexbox. Недавно меня спросили, как сделать такую же прокрутку, но…
·3 мин чтения·19 декабря 2022 г.
Lo simple puede ser más dificil que вот комплехо. Hay Que trabajar duro manteniendo ла mente clara para hacer las cosas simples.
Стив Джобс (1955–2011) Основатель технологической компании Apple.
¿Tienes una cita que te gusta y quieres que la pongamos en nuestra portada? Envíanosla través del Formulario de Contacto!
César Krall
Резюме: Entrega nº7 del curso «Учебное пособие по базовому веб-программированию: JavaScript desde cero».
Код aprenderaprogramar.com: CU01107E
HTML Y CSS DE PARTIDA
Для JavaScript Nos sirve para dotar de procesos y effectos dinámicos a un documento HTML vamos a partir de un código HTML + CSS Que представляет ла estructura у estilos basicos де уна веб-страницы. En esta estructura la página web queda dividida en: cabecera con el título y mensaje breve, menu, texto con algunas imágenes, Formulario de contacto y un pie de página con información sobre los autores o el Copyright.
Узнать больше.
..
Энрике Гонсалес
Резюме: Entrega nº41 Учебное пособие по базовой веб-программе: PHP на исходном языке.
Код aprenderaprogramar.com: CU00841B
USO DE PHP CON MySQL. CONSULTAS BÁSICAS
Estas próximas entregas не претендует на руководство по MySQL, а unque sí explicaremos, как реализовать консультации по основам PHP. Veremos algunas основные функции для доступа к базе данных MySQL с PHP для восстановления информации, вставки информации или сбора информации.
Узнать больше…
Марио Р. Рансель
Резюме: Entrega nº31 del curso Aprender a programar en Visual Basic desde cero.
Код aprenderaprogramar.com: CU00332A
El objetivo де estos ejercicios эс aplicar conocimientos sobre «Herramientas basicas para la programación» на языке, как Visual Basic.
Узнать больше…
В разделе Юмор —> Dibujos
«Caos informático generado por un programador inexperto»
Dibujo: Javi Эр Роа — Колорадо: Хавьер Роа.
Посетить раздел «Юмор» для большего количества размышлений.
Si eres dibujante y te gustaría publicar ponte en contacto con nosotros.
Марио Р. Рансель
Резюме: Entrega nº33 del curso Creación y administración web: Joomla desde cero.
Код aprenderaprogramar.com: CU00434A
INSERCIÓN DE MÓDULOS DENTRO DE ARTÍCULOS. СОДЕРЖИМОЕ ПЛАГИНА – ЗАГРУЗИТЬ МОДУЛЬ
Hasta ahora, hemos visto cómo insertar modulos por separado, y cómo insertar artículos.
Узнать больше…
César Krall
Резюме: Entrega nº48 del Учебное пособие по базовой веб-программе: CSS на исходном языке.
Код aprenderaprogramar.com: CU01048D
ПРИМЕНЕНИЕ ESTILOS A LISTAS
Аль trabajar с документами HTML является привычным el uso де списки для реализации enumeraciones. Las listas se clasifican en dos grandes tipos. Por un lado las listas desordenadas o ul (ненумерованные списки) en los cuales el orden no se считает важным. Por otro lado las listas ordenadas, etiqueta
Узнать больше…
Марио Р. Рансель
Резюме: Entrega nº13 дель учебник «Curso básico de programación en lenguaje C desde cero».
Код aprenderaprogramar.com: CU00513F
C позволением определить программу для определения суса propios tipos de datos mediante la palabra clave typedef. Esta palabra puede tener distintos usos. Vamos ver Ahora Uno де Эллос.
La sintaxis a amplear requiere cumplir con dos pasos.
Узнать больше…
Доступно в виде электронной книги в формате pdf за 24,50 €:
для сравнения в формате электронной книги с пульсацией воды.
Название: «Подготовить программиста. Algoritmos y fundamentos de programación orientados a la ingeniería y ciencias»
Автор: Mario Rodríguez Rancel, 748 страниц
От редакции: aprenderaprogramar.com P.V.P.: 42,00 €
Узнать больше…
Алекс Родригес
Резюме: Entrega nº23 del curso «Подготовка программы Java для исходного кода».
Код aprenderaprogramar.com: CU00623B
¿QUÉ ES UNA CLASE JAVA?
Hasta ahora hemos visto pequeños fragmentos de código de ejemplo. Vamos tratar de escribir un código más ajustado a la realidad de la programación Java. Para ello vamos a definir de qué partes consta normalmente una clase Java.
Enrique González
Резюме: Entrega nº22 del Учебное пособие по базовому веб-программированию: HTML на исходном языке.
Codificación aprenderaprogramar.com: CU00722B
ВВОД ДАННЫХ В ФОРМУЛЕ
Los controles de entrada de datos en Formularios suelen ser controles visuales y allowen la introducción de datos o selección de opciones al usuario. Su uso depende del tipo de control y también del tipo de información que pueden obtener.
Узнать больше.
..
¿Cansado de estudiar o programar? Расскажи об одной минуте в Зоне Аварии
Узнать больше…
Марио Р. Рансель
Резюме: Entrega nº34 del curso «Programación para niños de 10 a 16 años (primaria o secundaria)».
Кодировка aprenderaprogramar.com: PN00534G
CREAR PATRONES EN DIDAC-PROG CARTESIA
¿Qué tal amigos? Сой Паула Муньос, y en esta entrega continuamos con Nuestro curso de programación para niños ¿Con ganas de programar? ¡Вамос алла! Я conocemos prácticamente todo sobre Cartesia. Por ello vamos a introducirnos en la «programación avanzada». Por tanto no es recomendado para primaria sino sólo para secundaria, aunque quien quiera atreverse puede hacerlo sea cual sea su edad. ¡До свидания!
Узнать больше
Alex Rodríguez
Резюме: Entrega nº4 del curso «Учебник по основам веб-программирования: Ajax desde cero».
Код aprenderaprogramar.com: CU01204F
QUÉ ES Y PARA QUÉ SIRVE AJAX
9 0004 Ajax puede verse una extensión de JavaScript que facilita técnicas que nos позволено подключаться к динамическому веб-серверу. Una posible definición para Ajax es que es «el método o conjunto de técnicas que Allowen intercambiar información con un servidor y Actualizar parte de los contenidos de una web sin necesidad de recargar la página web completamente».Узнать больше…
Марио Р. Рансель
Резюме: Entrega nº 49 del curso Bases de la programación Nivel I.
Код aprenderaprogramar.com: CU00150A
СТРУКТУРА ПОВТОРЕНИЯ (БУКЛЫ)
La instrucción Desde (Valor Inicial, Valor Final, Paso) … Siguiente explota la capacidad del ordenador para repetir procesos y para contar. Много veces эста instrucción себе puede reemplazar пор otras instrucciones о estructuras де типо repetición.
