Атрибут bgcolor в HTML


Содержание

Атрибут bgcolor в HTML

При желании вы всегда можете поменять цвет текста или фона.

Цвет текста
Необходимо указать в значении атрибута color (цвет) тега font (шрифт) нужный цвет. Для задания цвета мы будем использовать шестнадцатеричный код — обычно используют именно его, с его помощью можно задавать значительно большее количество цветов.
Давайте зададим серый цвет для текста:

Текст серого цвета

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

Атрибут bgcolor в HTML

Загружает предыдущий URL в списке хронологии.

Синтаксис


Метод


Описание

Этот метод выполняет то же самое, какое выполняет следующее выражениее history.go (-1) .

Примеры


Смотрите также


Свойство bgColor

Строка, определяющая фоновый цвет документа.

Синтаксис


Свойство


Описание

Свойство bgColor выражается как шестнадцатеричный триплет RGB или так как это один из строковых литералов, внесенных в раздел Цвета JavaScript. Это свойство — JavaScript отражение атрибута BGCOLOR тега HTML .

Вы можете регулировать свойство bgColor в любое время.

Если вы выражаете цвет, как шестнадцатеричный триплет RGB, то вы должны использовать формат rrggbb. Например, шестнадцатеричное значения RGB для цвета salmon — red=FA, green=80, и blue=72, следователь триплет RGB для salmon — «FA8072».

Примеры

Следующий пример устанавливает фон документа в цвет aqua при использование строкового литерала:

Следующий пример устанавливает фон документа в aqua при использование шестнадцатеричного триплета: Следующий пример позволяет пользователю устанавливать свой собственный цвет фона с помощью переключателей. function newColor(colorString) < document.bgColor=colorString >.

Смотрите также


Метод big

Показывает строку более крупным шрифтом. Этот метод идентичен тегу HTML <BIG>.

Синтаксис

stringName — любая строка.

Метод


Описание

Используйте метод big с методами write или writeln.

Примеры

Следующий пример приводит к аналогичному результату: Привет, мир

Смотрите также


Формотирует строку в виде мигающей, как будто это было в &ltBLINK > отметка.

Синтаксис

stringName — любая строка или свойство существующего объекта.

Метод


Описание

Используйте метода blink с методами write или writeln для форматирования строки в документе. Использование метода blink идентично изменению вида выводимого текста с помощью тега HTML .

Примеры

Следующий пример приведет к аналогичному результату: Привет, мир

Смотрите также



Метод blur

Удаляет фокус из указанного элемента формы.

Синтаксис

PasswordName является либо значением атрибута NAME объекта password либо значением элемента в массиве elements .
SelectName является либо значением атрибута NAME выбранного объекта либо значением элемента в массиве elements .
TextName является либо значением атрибута NAME текстового объекта либо значением элемента в массиве elements .
TextareaName является либо значением атрибута NAME объекта textarea либо значением элемента в массиве elements .

Метод


Описание

Использование метода blur удалять фокус из определенного элемента формы.

Примеры

Следующий пример удаляет фокус из элемента password userPass : Если элемент password определен как: Или другой пример следующая строка удаляет фокус из элемента feedback: в предположение, что элемент feedback определен следующим образом:

Смотрите также


Метод bold

Показывает строку жирным шрифтом, аналогично тегу HTML <B>.

Синтаксис

stringName — любой ряд или собственность существующего объекта(цели).

Метод


Описание

Используйте метод bold с методами write или writeln, чтобы форматировать строку в документе.

Примеры

Или в синтакси HTML: Привет мир

Смотрите также


Объект button

Кнопка в форме HTML.

Синтаксис

Использование свойства объекта и методы button: buttonName — значение атрибута NAME объекта кнопки.
formName является либо значением атрибута NAME объекта формы либо значением элемента в массиве form .
index — целое число, представляющее объект кнопки в форме.
propertyName — один из свойств, описанных ниже.
methodName — один из методов, описанных ниже.

Свойства


Описание

Объект button в форме выглядит следующим образом:

Объект button — элемент формы и должен быть определен внутри тега <FORM>.

Объект button — кнопка, которую вы можете использовать, для выполнения каких — либо действий, которое вы определили. При назначении кнопке обработчика событий onClick эта кнопка становится дополнительным средством для инициализации событий, отличных от submit и reset.

Связанные элементы

Свойства

  • name отражает атрибут NAME
  • value отражает атрибут VALUE
  • Методы


    Обработчики событий


    Примеры

    Следующий пример создает кнопку calcButton .На экране, которой написано «Calculate». Когда кнопка нажата вызывается функция calcFunction () .

    ПЯТЫЙ УРОК

    Bgcolor и Background

    Ну, что же… пришла пора определиться, на чьем же фоне мы будем умопомрачающе выглядеть! И где же тот чудесный тег, который за это дело отвечает? Какие у него есть, выражаясь умным словом «атрибуты»? И, главное, каким образом разместить всю нашу красоту? Короче, вопросов — множество! А ответ всего один. Ну нету такого тега вообще! Еще не придумали!

    Но не огорчайтесь! Нет тега и не надо! Зато есть два чудесных атрибута известного нам дескриптора BODY. Так что встречайте старого знакомого!


    Фон, или как принято называть задний фон в переводе на английский означает «background». Поэтому нет ничего проще запомнить два атрибутика, созданных в его честь. Один — background, а другой — bgcolor.

    Илон Маск рекомендует:  Что такое код msql_select_db

    Так чем же они отличаются? Какими возможностями обладают? И, главное, чем будут нам полезны?

    Начнем, с самого простого — bgcolor. Этот атрибут отвечает за цвет фона. Вы можете подставить любое значение, в буквенном или в числовом значении цвета и ваш фон окрасится как по волшебству.

    Что ж, ради примера можем открыть наш шаблон, либо любой, созданный нами ранее файл и попытаться залить страничку любимым цветом. Я же открою свою страничку index.html в блокнотике NotePad и внесу следующие изменения:

    Моя Домашняя Страничка Ура! Привет мир! Привет люди! Встречайте!

    Сохраним наше творение под тем же именем и посмотрим, что получилось (рис. 15):

    Рис. 15. Я на синем фоне.

    Если по каким-то причинам вам не нравится голубой фон, можете взять другой цвет, например розовый, можете даже писать цвет не буквами, а числами. Только не забудьте впереди числа поставить решетку. И все у вас получится! Можете поиграть разными цветами, пока не надоест. А как надоест, будем читать дальше про другой атрибут — background.

    Этот атрибут указывает не на цвет изображения, а на картинку, которую стоит поместить в качестве фона, или как еще говорят, фоновых обоев. Обои можно подобрать любые, какие только подскажет вам фантазия. Моя фантазия подсказала мне взять картинку, на которой я в новом пиджаке. А потому, не мудрствуя лукаво, открываю свой файл index.html и делаю следующие изменения:

    Моя Домашняя Страничка Ура! Привет мир! Привет люди! Встречайте!

    Сохраняем этот файл и смотрим, что у нас получилось (рис.16):

    Рис. 16. Вот оно — фоновое изображение!

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

    Но нельзя ли загрузить одну картину, но на весь экран? В принципе, можно! И мы сейчас этим займемся. Единственно, что необходимо учесть, так это размеры изображения. Так, при разрешении экрана 800 х 600, свободного места для изображения, если вычесть все верхние и нижние панели, остается 781 х 376 пикселей. Вот и подберем такое изображение.

    Поэтому я опять открываю программу Adobe Photoshop, выбираю фотографию с изображением моря, подгоняю его размеры под искомые 781 х 376, оптимизирую для web и сохраняю под именем fonsea.jpg в своей папке foto. Ну и затем, иду проторенным путем: открываю файл index.html и ввожу следующие изменения:

    Моя Домашняя Страничка Ура! Привет мир! Привет люди! Встречайте!

    Опять сохраняем и смотрим результат (рис. 17):

    Рис. 17. И вот оно — море! Играет, шумит на просторе…

    Красиво, правда? Вот если бы это разрешение экрана было установлено у всех пользователей!

    Но, увы! Стоит мне увеличить разрешение до 1152 х 864 и получается уже следующая картина (рис.18):

    Рис. 18. Печально я гляжу на это отраженье.

    Согласитесь, это совсем не то, что хотелось. Конечно, красота требует жертв, и вы можете спокойно откинуть тех пользователей, чье мнение о разрешении экрана не совпадает с вашим, либо предложить им выбрать настройки, которые вы им укажете. Решать, в конечном счете, только вам.

    Хотя бывает красота и без жертв. Которая великолепно будет смотреться на всех мониторах без исключения. И я попытаюсь в этом помочь. Как вы заметили, фон заполняется копиями рисунка. И этим свойством не грех и воспользоваться. Мы ведь можем сделать одну маленькую картинку, которая займет памяти намного меньше большой, и заполним ею весь экран. Тут главная хитрость постараться сделать эту картинку «без швов». То есть, чтобы не было видно стыков между соседними изображениями. И для этого нам опять понадобится незаменимая программа Adobe Photoshop.

    Конечно, можно особо и не утруждаться, и взять готовые фоновые картинки из интернета, где они просто кишмя кишат. Для этого можно набрать в любой поисковой системе (www.yandex.ru, www.apport.ru, www.ramber.ru и многих других) заветные слова (фон, фоновые обои, background) и к вашим услугам предстанут десятки и десятки сайтов, готовые отдать вам эти фоны за ради бога, и что особо радует, совершенно бесплатно.

    Только не удивляйтесь потом, что точно такой фон вы найдете и на других сайтах. Так что если вы хотите сделать что-то, пусть и сопливое, но СВОЕ, предлагаю закатать рукава, и взяться за дело. Тем более это очень увлекательное занятие, от которого просто трудно оторваться.

    И этим делом мы обязательно займемся на следующем уроке.

    (В. Ахметзянова, 2005 г)

    © 2003 — 2020 Дикая Правда — все права защищены, перепечатка статей запрещена

    HTML — Урок 4: «Тело» сайта, тег «body»

    Давно я не писал уроков HTML, но сегодня решил это исправить — нужно продолжать изучать HTML язык. Итак, сегодня я расскажу про то, что такое «тело» сайта и немного про атрибуты данного тега.

    «Тело» сайта — разговорный термин среди программистов и HTML верстальщиков. Под выражением «тело» сайта подразумевают теги и / Между данными тегами располагается основное содержимое сайта, все блоки, изображения, теги, текст и так далее, что будет отображаться в тот момент, когда посетитель зашел на Ваш сайт.

    Тегу «body» можно задать атрибуты, например фон страницы или цвет текста. Фон HTML страницы задает атрибут bgcolor:

    Цвет страницы можно задать как шестнадцатизначным номером цвета, так и его названием из стандартной палитры цветов:

    Чтобы задать цвет текста, используется атрибут text. Оформляется он почти так же, как и атрибут bgcolor:

    Атрибуты «bgcolor» и «text» можно использовать и одновременно:

    Вместо bgcolor можно использовать другой атрибут — background. Этот атрибут позволяет назначить в качестве фона HTML страницы — картинку.

    Оформляется этот атрибут следующим способом:

    где site.site — адрес вашего сайта, а kartinka.jpg — изображение, которое будет фоном вашей HTML страницы.

    Пример элементарного шаблона сайта с использованием атрибутов тега «body»:

    Пример получился, конечно, не ахти, поэтому впереди Вас ждет ещё много уроков HTML!

    Илон Маск рекомендует:  Улучшите ваши формы с помощью HTML5!

    Бюро Погодаева — продвижение сайта цены
    Почта: hello@pgdv.ru
    Телефон: +7(495)966-28-77

    При верстке шаблонов и дизайнов верстальщики редко используют атрибуты тега «body», обычно эти параметры задаются в CSS. Как подключить css-стили к шаблону можно прочитать в Уроке №3: Как подключить CSS стили оформления в шаблоне?. О том, как правильно оформить «тело» сайта, я расскажу в следующем уроке №5. И помните, что создание HTML сайта не так сложно, как это кажется в начале!

    Стилизация таблиц с помощью CSS

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


    HTML-таблица состоит из ячеек, строк и столбцов, у нее может быть заголовок, подпись, шапка, тело и футер. Через CSS ее можно стилизовать, используя в качестве селекторов как внутренние теги таблицы, так и собственные классы и идентификаторы.

    Для придания таблицам красивого внешнего вида можно использовать многие CSS-свойства, с которыми вы уже хорошо знакомы: padding , border , width , height , color , display и прочие.

    Давайте вспомним стандартный стиль HTML-таблицы:

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

    Как видите, все свойства нам уже знакомы. К самому тегу

    мы применили атрибут cellspacing со значением 0 , который убрал пробелы между ячейками. Но того же эффекта можно добиться и без атрибута, используя только CSS. Таким же образом можно заменять и другие табличные атрибуты. Об этом мы и поговорим далее.

    Замена атрибутов таблиц на стили CSS

    Как вы знаете, в HTML существуют специальные атрибуты для настройки базового стиля таблиц: cellpadding , cellspacing , border , bordercolor и другие. Но намного удобнее настраивать внешний вид элементов через CSS. Мы расскажем, какие свойства являются аналогами табличных атрибутов.

    Атрибут align

    С помощью этого атрибута можно выровнять всю таблицу относительно края окна браузера, выбрав одно из трех значений — left , center либо right . Обратите внимание, атрибут выравнивает не текст, а сам блок таблицы. Аналогом CSS в данном случае является комбинация свойств:

    Также таблицу можно выровнять, задав ее родительскому элементу свойство text-align с соответствующим значением. Но это сработает только при условии, что для таблицы установлено свойство display со значением inline либо inline-block .

    Атрибут background

    Данный атрибут позволяет задать фоновое изображение для всей таблицы, указав его URL-адрес в качестве значения. Контролировать поведение такого фона нет возможности, в отличие от аналога CSS — свойства background-image и других свойств для настройки фона.

    Атрибут bgcolor

    Устанавливает цвет фона для всей таблицы. Вы наверняка уже догадались, каким CSS-свойством можно успешно заменить атрибут bgcolor :

    Атрибуты border, bordercolor и frame

    Атрибуты таблицы border , bordercolor и frame задают толщину рамки, ее цвет и расположение соответственно. Рекомендуем забыть о них и пользоваться CSS-свойством border (и его производными), которое объединяет эти атрибуты и дает даже больше.

    Если в CSS задано свойство border , оно перекроет значение атрибута. Такое же поведение будет и в случае с другими атрибутами, имеющими точный аналог в CSS.

    Атрибут rules

    Атрибут, который определяет, где отображать границы (вокруг ячеек, между колонками, между строками и т. д.), опять-таки можно заменить CSS-свойством border , применяя его к соответствующим тегам таблицы.

    Атрибут cellpadding

    Устанавливать отступы между внутренними сторонами ячейки и ее содержимым можно не только через атрибут, но и с помощью CSS-свойства padding , примененного к тегу

    .

    Дополнительное преимущество CSS в данном случае заключается в том, что вы можете задать разные размеры отступов по вертикали и горизонтали, тогда как через HTML-атрибут устанавливается один размер отступа для всех сторон.

    Атрибут cellspacing

    Этот атрибут устанавливает расстояние между самими ячейками таблицы. В качестве аналога существует CSS-свойство border-spacing , при помощи которого тоже можно создать промежутки между ячейками. Кроме того, это свойство может принимать два значения одновременно (разделяются пробелом): одно для промежутков по горизонтали, второе — по вертикали.

    Атрибуты width и height

    Разумеется, эти атрибуты можно легко заменить на CSS width и height :

    Завершение

    Как вы уже знаете, в современной веб-разработке принято отделять структуру документа от его визуального оформления. Именно поэтому рекомендуется использовать CSS и не обращаться к HTML-атрибутам, которые предназначены для изменения внешнего вида. Это обеспечивает более удобную разработку, редактирование и дальнейшую поддержку стилей на сайте.

    Далее в учебнике: CSS-стили для форм.

    Теги HTML для работы со шрифтами: font color, font face, font size

    Font color, font face, font size

    Доброго времени суток, уважаемые читатели блога Moi-tarakany.ru !

    В прошлых статьях, мы с вами начали изучать HTML на примере простенькой странички.

    В этом посте речь пойдёт о тегах, предназначенных для шрифтов.

    Начнем, пожалуй, с цвета.

    Font color

    Как известно любой цвет — это смешанные в определенной пропорции три основных цвета — красный, зелёный и синий.

    В HTML цвет задаётся шестнадцатеричным кодом. В шестнадцатеричной системе исчислений используется не десять, а 16 цифр. Первые 10 это цифры от 0 до 9, остальные 6 — обозначаются символами A, B, C, D, E и F. Цвет состоит из трёх пар цифр. Первая пара — обозначает красный цвет, вторая — зелёный, третья — синий. Чем выше значение конкретной пары, тем заметней будет цвет в конкретном оттенке.

    #FF0000 — red — красный.
    #00FF00 — green — зелёный.
    #0000FF — blue — синий.
    #000000 — black — чёрный.
    #ffffff — white — белый.

    Можно также использовать имена цветов на английском red , green , black , yellov , indigo , orange и так далее.
    Но на самом деле цвета не всегда соответствуют своим именам. Например, darkgrey (тёмно-серый) светлее, чем grey (серый) . Поэтому лучше использовать шестнадцатеричный код.

    Для изменения цвета фона используется атрибут bgcolor (цвет фона) тэга body .
    Например:

    Атрибут bgcolor в HTML

    При желании вы всегда можете поменять цвет текста или фона.

    Цвет текста
    Необходимо указать в значении атрибута color (цвет) тега font (шрифт) нужный цвет. Для задания цвета мы будем использовать шестнадцатеричный код — обычно используют именно его, с его помощью можно задавать значительно большее количество цветов.
    Давайте зададим серый цвет для текста:

    Текст серого цвета

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


    атрибут bgcolor

    Хавин — таблица с

    И я использую reset.css, который говорит

    И это правило удаляет все фоны, установленные в атрибуте bgcolor. Но я не могу просто отказаться от использования reset.css И я не могу изменить HTML (на сайте есть тонны простого HTML). Цель состоит в том, чтобы сохранить эти фоны bgcolor. Я пытался

    Но бесполезно. Как мне?

    Если у вас есть только несколько цветов, вы можете использовать селектор атрибутов:

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

    Вы используете сброс CSS/Stylesheet, а в таблицах стилей будет использоваться последнее определение.

    Поэтому попробуйте установить свойство style для атрибута tr а не атрибута element.

    Теги HTML для работы со шрифтами: font color, font face, font size

    Font color, font face, font size

    Доброго времени суток, уважаемые читатели блога Moi-tarakany.ru !

    В прошлых статьях, мы с вами начали изучать HTML на примере простенькой странички.

    В этом посте речь пойдёт о тегах, предназначенных для шрифтов.

    Начнем, пожалуй, с цвета.

    Font color

    Как известно любой цвет — это смешанные в определенной пропорции три основных цвета — красный, зелёный и синий.

    В HTML цвет задаётся шестнадцатеричным кодом. В шестнадцатеричной системе исчислений используется не десять, а 16 цифр. Первые 10 это цифры от 0 до 9, остальные 6 — обозначаются символами A, B, C, D, E и F. Цвет состоит из трёх пар цифр. Первая пара — обозначает красный цвет, вторая — зелёный, третья — синий. Чем выше значение конкретной пары, тем заметней будет цвет в конкретном оттенке.

    #FF0000 — red — красный.
    #00FF00 — green — зелёный.
    #0000FF — blue — синий.
    #000000 — black — чёрный.
    #ffffff — white — белый.

    Можно также использовать имена цветов на английском red , green , black , yellov , indigo , orange и так далее.
    Но на самом деле цвета не всегда соответствуют своим именам. Например, darkgrey (тёмно-серый) светлее, чем grey (серый) . Поэтому лучше использовать шестнадцатеричный код.

    Для изменения цвета фона используется атрибут bgcolor (цвет фона) тэга body .
    Например:

    HTML — The bgcolor Attribute

    The bgcolor attribute is used to set the background color of an HTML element. Bgcolor is one of those attributes that has become deprecated with the implementation of Cascading Style Sheets (see CSS Backgrounds). The reason we’ve included it in this tutorial is because it will give us an opportunity to introduce web colors and also add some life to our HTML web page as we continue to progress through this tutorial. It will serve as a visual aid for you as you are learning the mechanics of building a table.

    Without much effort, we can bring that boring white web page to life by adding some color with the bgcolor attribute.

    HTML Bgcolor Code:

    HTML Bgcolor:

    This page now has a SILVER background!

    HTML — Web Colors

    Our example uses the text value, which is one of three different types of color values that can be used with the bgcolor attribute. Below is a table of the 16 basic HTML color values that are available to HTML web designers.

    HTML Basic Colors:

    Black Gray Silver White
    Yellow Lime Aqua Fuchsia
    Red Green Blue Purple
    Maroon Olive Navy Teal

    While the table above illustrates only 16 colors, 16 is surely not the limit to our color wheel. As we mentioned, HTML supports three different types of color values including text values (which we’ve pretty much covered above), numeric, (RGB) and hexadecimal values. We’ll go into more detail regarding these values so just sit tight. This next example offers a sneak peak at what these values may look like.

    HTML Code:

    Table Bgcolor Values:

    A lime colored table background using color names.
    A red colored table background using hexadecimal values «#FF0000».
    A blue colored table background using numeric, RGB values «rgb(0, 0, 255)».

    Hexadecimal and numeric color values (RGB) allow HTML developers to expand the color wheel beyond 16 colors. Way beyond 16, in fact. Nonetheless, there’s no need to memorize 256+ unique color combinations; instead, we can use numeric and hexadecimal values and calculate color shades. We’ll show you how to use them in our HTML Color Codes page.

    HTML — Coloring Fonts, Table Rows, & Table Columns

    Here’s a few common examples of bgcolor in action.

    HTML Bgcolor Code:

    Alternating Table Row Colors:

    This Row is Yellow!
    This Row is Gray!
    This Row is Yellow!
    This Row is Gray!
    This Row is Yellow!
    This Row is Gray!

    Check out this «Scoreboard» we made with the use of font color and bgcolor!

    HTML Code:

    Scoreboard:

    Green Bay 13
    New England 27
    • If you are new to HTML, consider sticking with color names for setting your background color.
    • There are 256 «true colors» with hexadecimal values. The colors are made out of hex-pairs for red, green, and blue. Examples: #99FFCC, #33AA44.
    • Shades of gray occur when the 3 paired amounts of each color are equal. Example. «rgb(100,100,100)», «#333333,» «#0A0A0A»
    • Avoid bright, headache-causing color schemes! Keep your coloring distinct and purposeful.
    • For more information about colors, check out our HTML Color Codes lesson.

    Found Something Wrong in this Lesson?

    Report a Bug or Comment on This Lesson — Your input is what keeps Tizag improving with time!

    Илон Маск рекомендует:  Что такое код isalnum isascii
    Понравилась статья? Поделиться с друзьями:
    Кодинг, CSS и SQL