Разработка

Подкатегория

Кирилл Антонов
1 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Для изменения цвета шрифта в HTML документе у нас есть несколько возможностей, возможностей непосредственно языка HTML, так как сейчас мы не касаемся CSS:
У элемента BODY есть атрибут text, который позволяет изменить цвет текста всей HTML страницы.
У нас есть элемент FONT, который позволяет нам изменять параметры шрифта отдельного участка текста, цвет изменяется при помощи атрибута color.

Кирилл Антонов
7 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

К сожалению, цвет фона в HTML можно задавать только для всей страницы, вернее для контейнера body, в данном случае – это одно и то же (но это не означает, что в CSS нет возможности задавать цвета фона отдельным элементам HTML страницы). Чтобы изменить цвет фона используйте атрибут bgcolor, например: bgcolor=” #000000”. Данное значение сделает цвет фона всей HTML страницы черным.
Обращу ваше внимание, что у HTML элементов TH, TD и TABLE (это элементы HTML таблицы, о которых мы поговорим уже совсем скоро), а также у BODY есть атрибут background, данный атрибут позволяет задавать фоновую картинку данным HTML элементам, которую не стоит путать с цветом фона HTML элемента.

Кирилл Антонов
5 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Когда мы говорили про ссылки в HTML то довольно подробно рассмотрели вопрос изменения цвета ссылок при помощи атрибутов link, vlink и alink. Эти атрибуты уникальные и могут быть применены только к элементу BODY, поэтому цвет меняется сразу для всех ссылок, которые есть в HTML документе.
Но мы можем изменить цвет отдельной ссылки при помощи тэга font и атрибута color.

Кирилл Антонов
5 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223


Назначение и использование таблиц в HTML.
Создание HTML таблиц, строки и ячейки: table, tr, td, th.
Структура HTML таблиц tbody, thead, tfoot и caption.
Оформление таблицы: HTML атрбиуты элемента TABLE
Оформление строк и ячеек: HTML атрибуты элементов TR, TD и TH.
Ширина колонок и их группировка: HTML теги col и colgroup.
Объединение ячеек в таблицах HTML.

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Кирилл Антонов
15 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Мы не будем долго говорить о назначении таблиц, поскольку в данный момент считается хорошим тоном использовать таблицы по своему прямому назначению, а именно - для хранения табличных данных. Таблицы в HTML состоят из строк и ячеек, которые используются для хранения контента как графического (изображений), так и текстового.

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


Создать HTML таблицу не так уж и сложно. Тег, создающий таблицу - table (парный с обязательным закрывающим тегом). Элемент TABLE является блочным, но он не занимает
по ширине всю доступную область, как это происходит с другими блочными элементами. Ширина элемента TABLE зависит от контента.
Элемент TABLE является контейнером для элементов, формирующих содержимое таблицы: для строк, ячеек, шапки, тела и подвала таблицы. Тег tr формирует строки таблицы. Например, чтобы создать таблицу из трех строк.

Стоит заметить, что tr - это парный тег с опциональным закрывающим тегом, но опциональностью пользоваться не стоит. Сам элемент tr блочный.

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

Содержимое ячеек может быть любым (хоть блочные элементы, хоть строчные). В HTML ячейки могут быть заглавными, для создания такой ячейки вместо td слеудет использовать th. Содержимое ячейки th обычно по умолчанию отображается браузером жирным шрифтом и выравнивается по центру.
Элементы TD и TH - блочные, а теги являются парными с опциональными закрывающими тегами.
Обратите внимание: при создании HTML таблицы следует соблюдать иерархию вложенности (table является контейнером для tr, а сам tr является контейнером для th или td).

Кирилл Антонов
3 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml


При создании таблицы есть элемент, который создается браузером автоматически - TBODY. Вообще, назначение TBODY - деление строк таблицы на блоки с целью приданиям блокам строк единого стиля оформления, если вы не создаете явно элемент TBODY, то браузер создаст элемент TBODY, в котором будут размещены все строки таблицы.
Так же для группировки у HTML таблиц есть еще два специальных элемента: THEAD и TFOOT. Первый элемент отвечает за создание шапки таблицы, здесь вы размещаете строку, которая будет являться шапкой вашей таблицы. Элемент TFOOT служит контейнером для подвала таблицы, здесь обычно помещается строка, которая будет самой последней в таблице.
Также стоит обратить внимание на то, что и элемент THEAD и элемент TFOOT должны находиться по коду выше, чем элемент TBODY. Эта особенность обусловлена тем, что изначально в стандарт закладывалось то, что у элемента TBODY будет появляться скролл (прокрутка), если таблица не помещается в экран, а элементы THEAD и TFOOT будут жестко закреплены вверху и внизу соответственно.
Практические у каждой таблицы есть подпись или название, для того чтобы его указать, нужно воспользоваться тегом caption, который добавляется в таблицу сразу после открывающего тега table. Для элемента CAPTION не следует создавать отдельную строку и уж тем более ячейку.
Элемент CAPTION является строчным, а создающий тег парным с обязательным закрывающим тегом, хотя таблица не обязательна должна иметь элемент CAPTION. Элемент TBODY является блочным и, как мы увидим, он создается парным полностью опциональным тегом. У таблицы может быть только по одному блочному элементу TFOOT и THEAD, их теги являются парными с опциональным закрывающим тегом.

Кирилл Антонов
5 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Ячейки в HTML таблицах можно объединять как по вертикали, так и по горизонтали. Для этих целей у элементов TD и TH есть два замечательных атрибута colspan и rowspan. Colspan производит объединение по горизонтали, а rowspan – по вертикали.
В качестве значения эти атрибуты принимают целые числа, которые говорят браузеру о том, сколько ячеек нужно объединить. Кстати, браузер дает этим атрибутом значение по умолчанию, которое равно единице.
Эти атрибуты принимают в качестве значений целые положительные числа. Максимальное значение для colspan 1000, если значение больше, то браузер использует 1. Максимальное значение для rowspan – 65534

Кирилл Антонов
3 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

По своему действию элементы COL и COLGROUP очень похожи и их даже очень часто используют вместе. Оба этих элемента не имеют содержимого и используются для задания ширины и изменения характеристик колонок таблицы.
Тег col является одиночным, а это означает, что закрывающий тег запрещен. Тег colgroup является парным с опциональным закрывающим тегом. Поговорим о их назначении. Оба этих элемента обладают одинаковым набором атрибутов:
Атрибут align позволяет задать выравнивание содержимого в колонке.
Атрибут char позволяет выровнять содержимое колонки по указанному символу.
Атрибут charoff позволяет сдвинуть содержимое ячейки относительно заданного символа.
Атрибут span дает возможность указать количество колонок, к которым следует применять параметры.
Атрибут valign позволяет задать вертикальное выравнивание содержимого колонки.
Атрибут width позволяет изменить ширину колонки.
Основная разница между COL и COLGROUP заключается в том, что если вы зададите элементу TABLE атрибут rules=“groups”, то браузер будет рисовать линии только между группами колонок, входящих в различные COLGROUP.
Детально описание словами принципа работы COL и COLGROUP – довольно утомительное занятие, поэтому нам лучше перейти к примерам, сейчас же заметим, что COLGROUP может быть использован как контейнер для элементов COL.

Кирилл Антонов
2 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/kartinki-v-html-rabota-s-html-izobrazheniyami-razmer-kartinok-v-html-kartinka-ssylka-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Особенности изображений и картинок в HTML.
Как вставить изображение в HTML-документ: атрибут src.
Управляем размером изображения в HTML-документе.
Обтекание и выравнивание изображений в HTML-документе.
Как сделать картинку ссылкой в HTML.
Другие атрибуты HTML тега img.

Кирилл Антонов
3 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/kartinki-v-html-rabota-s-html-izobrazheniyami-razmer-kartinok-v-html-kartinka-ssylka-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Для вставки картинок в HTML используется тег img. Картинки делают контент более наглядным и ярким, а также используются для оформления шаблонов сайта.
Тег img используется для добавления изображений в формате JPEG, GIF, PNG на веб-страницу.
HTML элемент IMG относится к строчным элементам, поэтому любое изображение в HTML документе можно рассматривать как символ строки.
У тега img есть два очень важных атрибута: src и alt. Первый позволяет указать путь к файлу, а второй используется для того, чтобы задать альтернативный текст изображения.
Стоит обратить внимание на следующий факт: изображение – это дополнительный ресурс HTML-документа, чтобы отобразить изображение на странице, браузер делает дополнительный запрос.
Для HTML элемента IMG доступны все универсальные атрибуты, атрибуты событий, а также данный элемент обладает огромным подмножеством уникальных атрибутов.
HTML тег img является одиночным, а это значит, что закрывающий тег запрещен и писать его не следует.

Кирилл Антонов
1 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/kartinki-v-html-rabota-s-html-izobrazheniyami-razmer-kartinok-v-html-kartinka-ssylka-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Давайте поговорим о том как вставить изображение в HTML документ или как добавить картинку на свой сайт. Мы уже говорили о том, что картинку можно вставить при помощи специального HTML атрибута src.
Простой пример добавления изображения в HTML-документ:
img src=http://zametkinapolyah.ru/wp-content/uploads/2016/07/html60.png alt=“Это изображение мы добавили для примера"

Кирилл Антонов
33 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/kartinki-v-html-rabota-s-html-izobrazheniyami-razmer-kartinok-v-html-kartinka-ssylka-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Не секрет, что у изображений и картинок есть высота и ширина. Язык HTML позволяет управлять высотой и шириной картинок при помощи HTML атрибутов width и height.
Размеры изображений в HTML допускается задавать в пикселах и процентах. Процент высчитывается от размера HTML элемента, в который была вложена картинка.
Если вы задаете только высотку HTML изображения или только его ширину, то браузер будет сохранять пропорции размеров картинки. Когда вы меняете размеры картинок при помощи HTML атрибутов, то браузер сразу же устанавливает размеры отображения картинок по заданным атрибутам (таким образом можно ускорить загрузку страницы).

Кирилл Антонов
7 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия:http://zametkinapolyah.ru/verstka-sajtov/kartinki-v-html-rabota-s-html-izobrazheniyami-razmer-kartinok-v-html-kartinka-ssylka-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Давайте теперь поговорим про обтекание текста вокруг изображения и про выравнивание картинок в HTML. Также стоит помнить, что изображение в HTML – это такой же символ как, например, буква.
Но этот символ имеет некоторые свои особенности. Мы можем задавать выравнивание изображения и, соответственно, то, как изображение будет вести себя относительно других HTML элементов при помощи атрибута align.
Если говорить правильно, то атрибут align позволяет установить обтекание текста вокруг изображение в HTML документе. Атрибут align имеет пять значений: bottom, left, middle, right, top. Особенностью данного атрибута является то, что он задает выравнивание для HTML картинки, а текст начинает обтекать картинку по тем краям, по которым выравнивание не происходит. Например, если вы написали align=”left”, то картинка будет выравнена по левому краю, а обтекание будет происходить сверху, снизу и справа.

Кирилл Антонов
1 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/kartinki-v-html-rabota-s-html-izobrazheniyami-razmer-kartinok-v-html-kartinka-ssylka-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Элемент IMG является строчным HTML элементом, а как мы знаем и элемент A, создающий ссылку в HTML документе или, как еще можно сказать, гиперссылку, тоже является строчным. Мы знаем, что строчные HTML элементы могут содержать в себе другие строчные элементы, соответственно, изображение может быть ссылкой на HTML страницу.
Давайте попробуем сделать картинку ссылку на HTML страницу. Для этого нам нужно написать тэг img внутри тэга a, общий синтаксис изображения ссылки в HTML выглядит так:
a img src=”путь_к_картинке”a

Кирилл Антонов
2 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Использование цветов в HTML и цветовые модели.
Как формируется цвет HTML элемента: некоторые особенности модели RGB.
HTML атрибуты для изменения цвета элементов: цвет фона элемента и цвет текста внутри элемента.
Десятичные и шестнадцатеричные коды цвета в HTML.
Имена цветов в HTML.
Учимся изменять цвет текста в HTML.
Цвет фона HTML элемента.
Изменяем цвет HTML ссылки.

Кирилл Антонов
5 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Страницы сайта были бы скучными и неинтересными без изображений, про работу с картинками изображениями в HTML мы говорили ранее и очень подробно. Но у изображений есть один существенный минус: каждое изображение – это дополнительный HTTP запрос к серверу и, соответственно, дополнительная нагрузка на хостинг.
Мы можем оформлять макеты сайта, выделяя те или иные HTML элементы страницы тем или иным цветом. При помощи цвета мы можем акцентировать внимание наших посетителей на том или ином тексте или блоке сайта. Отметим, что состояние HTML ссылок так же определяется при помощи цвета таким образом, чтобы пользователь мог понять: на какую ссылку он уже нажимал, какую еще не посещал и на какой HTML странице он находится в данный момент.
В отрасли IT для манипуляции цветом существует множество цветовых моделей. Самая широко распространённая модель представления цвета – это модель RGB. Ниже мы увидим список цветовых моделей, используемых в IT (не только в HTML и CSS):
Модель RGB. Данная модель получила очень широкое распространение и, пожалуй, является одним из самых удобных и распространенных способов манипуляции цветом HTML элементов.
Модель RGBA. Данная модель очень похожа на модель RGB, но включает в себя альфа-канал цвета. Особенность модели RGBA заключается в том, что она позволяет регулировать не только цвет HTML элемента, но и его прозрачность за счет наличия альфа-канала. Модель RGBA была добавлена в CSS3 и не поддерживается старыми браузерами.
Модель HSL. Особенность модели HSL заключатся в том, что цвет мы задаем при помощи его параметров: оттенка, напыщенности и светлоты. Данная модель несколько более сложная в понимание, чем модель RGB.
Модель HSLA. Данная модель очень похожа на модель HSL, но она так же, как и модель RGBA позволяет работать с альфа-каналом цвета, поэтому при помощи HSLA мы можем задавать не только цвет HTML элемента на странице, но и его прозрачность.
Модель HSV (HSB). Данную модель не стоит путать с моделью HSL. Отметим, что первых четыре модели можно использовать в HTML или CSS для оформления веб-страниц, а вот модель HSV – нет. Модель HSV была разработана одним из основателей студии Pixar в 1978 году и очень похожа на HSL.
Модель CMY или CMYK. Данная модель используется во всех цветных принтерах для печати. В основе модели CMYK лежит правило, заключающиеся в том, что печать происходит на белых листах бумаги. Любой цвет модели CMYK получается из смешения цветов Cyan (бледно-голубой, бирюзовый), Magenta (пурпурный) и желтого. У каждого цвета в модели CMY есть характеристика непрозрачности (количество краски), измеряющаяся в процентах. Но помимо трех перечисленных цветов, модель CMYK использует еще и черный цвет.
Все вышеперечисленные цветовые модели являются аппаратно-зависимыми, то есть если вы задаете цвет HTML элемента при помощи модели RGB или HSL, то нельзя с точностью утверждать, какой именно оттенок цвета увидит посетитель вашего сайта, так как мониторы у всех пользователей разные и передают они цвета по-разному. Также отметим, что в основе всех вышеперечисленных моделей лежит модель RGB и любой цвет, заданный в любой из моделей (кроме HSLA и RGBA из-за наличия альфа-канала), можно конвертировать в RGB.

Кирилл Антонов
4 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Давайте разберемся с тем, как формируется цвет HTML элемента и с некоторыми особенностями модели RGB. Итак, модель RGB расшифровывается, как Red, Green, Blue. В основе модели RGB лежит принцип аддитивности. Этот принцип заключается в том, что для получения какого-либо цвета происходит добавление цвета к черному.
Для лучшего понимания представьте, что ваш экран – это черная стена и у вас есть три прожектора: первый светит красным цветом, второй светит зеленым, а третий синим. Яркость каждого прожектора вы можете регулировать при помощи линейки, на которой расположены цифры от 0 до 255. Соответственно, если вы установили для прожектора значение ноль, то он выключается и не светит, если значение 255, то прожектор дает максимально яркий цвет.
Таким образом получается, что если вы светите на одну и ту же точку красным и зеленым прожектором, то на черной стене вы заметите желтое пятно. Если комбинируете красный и синий, то получается пурпурный цвет, а если объединяете зеленый и синий, то световое пятно на черной стене будет цвета Cyan, но если вы направите все три прожектора на одну точку, то световое пятно будет белого цвета.

Кирилл Антонов
2 Просмотры · 4 лет тому назад

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Атрибуты в HTML используются для того, чтобы сделать элементы страницы уникальными. При помощи HTML атрибутов мы можем манипулировать цветом элементов:
HTML атрибут color. Данный атрибут позволяет изменять цвет текста, находящегося внутри HTML элемента. Атрибут может принимать значения в виде называний HTML цветов и при помощи кодов модели RGB в шестнадцатеричной системе счисления и в десятичной системе счисления. Атрибут color – это уникальный HTML атрибут, который позволяет менять цвет текста внутри некоторых HTML элементов.
HTML атрибут text. Данный атрибут является уникальным атрибутом тэга body. Тэг body вместе с тэгами html и head образуют структуру HTML документа. Если вы помните, то внутри контейнера body размещаются элементы, которые потом отображаются браузером в области просмотра. Атрибут text позволяет задать цвет текста по умолчанию для всей HTML страницы.
HTML атрибут bgcolor. Также являет уникальным HTML атрибутом и позволяет изменять цвет фона некоторых HTML элементов.
HTML атрибут vlink. Данный атрибут уникален и применяется только к тэгу body, чтобы изменить цвет ссылки, которую уже посетил пользователь.
HTML атрибут alink. Этот атрибут также уникален и применим только к тэгу body. Атрибут alink меняет цвет активной HTML ссылки.
HTML атрибут link. Атрибут link используется только вместе с тэгом body и служит для изменения цвета ссылок HTML страницы, которые еще не посещал пользователь.

Кирилл Антонов
2 Просмотры · 4 лет тому назад

Блог: http://zametkinapolyah.ru/
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/ssylki-v-html-yakorya-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

У ссылок в HTML есть три состояния:
Ссылка, которую пользователь еще не посещал.
Ссылка, по которой пользователь уже переходил.
Ссылка текущего документа.
Чтобы пользователь мог понимать эти состояния, браузер выделяет ссылки с разными состояниями разными цветами:
Синие.
Пурпурные.
Красные.
Изменяйте цвета ссылок аккуратно, так как многие посетители настолько привыкли к этой цветовой схеме, что не все сразу поймут, что тексты, выделенный зеленым цветом на вашем сайте – это ссылка.

Для изменения цвета ссылок во всем документе нам нужно использовать специальные атрибуты тега body:
Атрибут link позволяет изменить цвет ссылок, которые пользователь еще не посещал.
Атрибут vlink позволяет изменять цвет ссылок, которые пользователь уже посетил.
Атрибут alink позволяет изменять цвет активной ссылки.
На реальных веб-страницах такой подход к изменению цвета ссылок лучше не использовать, так как есть CSS.

Кирилл Антонов
9 Просмотры · 4 лет тому назад

Блог: http://zametkinapolyah.ru/
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/ssylki-v-html-yakorya-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

HTML дает возможность управлять тем как ссылка будет открыта, для этого есть атрибут target, который может принимать четыре значения:
Открывать страницу в новом окне/вкладке браузера: target=”_blanc”.
Открывать страницу в текущем окне браузера: target=”_self”.
Открывать страницу в родительском фрейме: target=”_parent”.
Отменить все фреймы и открыть страницу в полном окне: target=”_top”.
По умолчанию браузеры используют значение _self. Если на странице нет фреймов, то значения _parent и _top будут работать как _self.




Showing 18 out of 19