Цвета HTML для WEB-документа
1 минута чтениеСамая обычная страница, коих в Интернете море, вряд ли сможет надолго заинтересовать пользователей Интернета. Страница, на которой опубликована необычная и занимательная информация имеет очень большую вероятность привлечения клиентов, однако можно увеличить свой заработок при помощи нескольких достаточно простых в использовании уловок. По Интернету гуляет множество разнообразных способов заинтересовать посетителей сайта и одним из таких, к тому же, наиболее эффективных и распространённых, способов является применение к странице или же непосредственно к тексту самых разных цветовых сочетаний, окрашивание во всевозможные оттенки, которые только можно представить.
Html цвета представляют собой сочетание латинских цифр и букв в количестве шести знаков в строгой последовательности. Весь доступный спектр цветов и их значений прописан в специальных таблицах цветов html , которые при желании можно достаточно легко найти и просмотреть. К примеру, красный цвет в html версии имеет значение CC0000.
Для того, чтобы сделать страницу приятной взгляду и необычной на вид, следует выполнить следующий алгоритм действий.
Для начала разберемся, как создать общий фон страницы. Для этого нам потребуется специальный атрибут bgcolor, который мы прописываем в теге цвета . Для примера возьмём для нашего фона зелёный цвет, который имеет значение 66CC99, и в HTML это будет выглядеть следующим образом:
Внимательно следите за тем, чтобы перед значением цвета HTML стоял значок «решетки» – # и само значение цвета непременно должно быть заключено в кавычки. Теперь можно вставлять исходный код в наш код HTML. Чтобы не было путаницы и неразберихи, на некоторое время опустим лишние теги из нашего контекста.
Азы программирования для начинающих.
Уроки HTML для начинающих
Введение.
Что же собой представляет файл html? Это сокращенная аббревиатура от Hyper Text Markup Language что на русском звучит как язык гипертекстовой разметки. Данный язык разметки используется для отображения интернет страниц. Когда вы набираете в поиске запрос и переходите на любой сайт, и страница поисковика и сайта отображается с помощью Html.
Если вы все же решитесь не вставлять дополнительные элементы, а просто вставить необходимые абзацы, они тоже отобразятся, однако совсем не так как это выглядит в текстовом редакторе. Не будет абзацев, картинок, жирных шрифтов и прочего. Браузер не понимает код обычного Word, он реагирует только на html разметку.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
Азы программирования для начинающих. Уроки HTML для начинающихВведение.
Что же собой представляет файл html? Это сокращенная аббревиатура от Hyper Text Markup Language что на русском звучит как язык гипертекстовой разметки. Данный язык разметки используется для отображения интернет страниц. Когда вы набираете в поиске запрос и переходите на любой сайт, и страница поисковика и сайта отображается с помощью Html.
на каждой конкретной странице любой браузер узнает: какой требуется указывать шрифт, какие между текстовыми строчками должны быть пробелы, какого размера должен быть тот или иной текст и.т.д. Сама суть, языка разметки, кроется в его названии – размещает, тесть диктует вариант размещения информации на странице. Если Браузер это программа MS Word, то документом будет та же текстовая информация с картинками и прочим, но уже наполненная html кодом.
Если вы все же решитесь не вставлять дополнительные элементы, а просто вставить необходимые абзацы, они тоже отобразятся, однако совсем не так как это выглядит в текстовом редакторе. Не будет абзацев, картинок, жирных шрифтов и прочего. Браузер не понимает код обычного Word, он реагирует только на html разметку. |
посмотреть результат
Теперь страница выглядит более симпатично и привлекает внимание необычным цветом.
Можно приступать к изменению цвета самого текста, который мы сделаем красным, для чего мы пропишем цвета текста html в теге . Это должно выглядеть следующим образом:
После чего вставляем получившийся код в исходный документ:
Азы программирования для начинающих.
Уроки HTML для начинающих
Введение.
Что же собой представляет файл html? Это сокращенная аббревиатура от Hyper Text Markup Language что на русском звучит как язык гипертекстовой разметки. Данный язык разметки используется для отображения интернет страниц. Когда вы набираете в поиске запрос и переходите на любой сайт, и страница поисковика и сайта отображается с помощью Html.
Если вы все же решитесь не вставлять дополнительные элементы, а просто вставить необходимые абзацы, они тоже отобразятся, однако совсем не так как это выглядит в текстовом редакторе. Не будет абзацев, картинок, жирных шрифтов и прочего. Браузер не понимает код обычного Word, он реагирует только на html разметку.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
Азы программирования для начинающих. Уроки HTML для начинающихВведение.
Что же собой представляет файл html? Это сокращенная аббревиатура от Hyper Text Markup Language что на русском звучит как язык гипертекстовой разметки. Данный язык разметки используется для отображения интернет страниц. Когда вы набираете в поиске запрос и переходите на любой сайт, и страница поисковика и сайта отображается с помощью Html.
на каждой конкретной странице любой браузер узнает: какой требуется указывать шрифт, какие между текстовыми строчками должны быть пробелы, какого размера должен быть тот или иной текст и.т.д. Сама суть, языка разметки, кроется в его названии – размещает, тесть диктует вариант размещения информации на странице. Если Браузер это программа MS Word, то документом будет та же текстовая информация с картинками и прочим, но уже наполненная html кодом.
Если вы все же решитесь не вставлять дополнительные элементы, а просто вставить необходимые абзацы, они тоже отобразятся, однако совсем не так как это выглядит в текстовом редакторе. Не будет абзацев, картинок, жирных шрифтов и прочего. Браузер не понимает код обычного Word, он реагирует только на html разметку. |
посмотреть результат
На этом мы не останавливаемся и идём дальше: подзаголовок переделываем в синий цвет 0000CC, а сам текст выделим коричневым цветом 633000. Для этого используем атрибут color, который приписываем к универсальному тэгу . Этот код имеет следующий вид:
Данный атрибут можно использовать не только для всей текстовой массы в целом, но и при желании для каждого отдельно взятого абзаца, причем каждый абзац может принимать свой собственный, неповторимый цвет.
Сперва прописываем цвет для всего нашего текста:
Азы программирования для начинающих.
Уроки HTML для начинающих
Введение.
Что же собой представляет файл html? Это сокращенная аббревиатура от Hyper Text Markup Language что на русском звучит как язык гипертекстовой разметки. Данный язык разметки используется для отображения интернет страниц. Когда вы набираете в поиске запрос и переходите на любой сайт, и страница поисковика и сайта отображается с помощью Html.
Если вы все же решитесь не вставлять дополнительные элементы, а просто вставить необходимые абзацы, они тоже отобразятся, однако совсем не так как это выглядит в текстовом редакторе. Не будет абзацев, картинок, жирных шрифтов и прочего. Браузер не понимает код обычного Word, он реагирует только на html разметку.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
Азы программирования для начинающих. Уроки HTML для начинающихВведение.
Что же собой представляет файл html? Это сокращенная аббревиатура от Hyper Text Markup Language что на русском звучит как язык гипертекстовой разметки. Данный язык разметки используется для отображения интернет страниц. Когда вы набираете в поиске запрос и переходите на любой сайт, и страница поисковика и сайта отображается с помощью Html.
на каждой конкретной странице любой браузер узнает: какой требуется указывать шрифт, какие между текстовыми строчками должны быть пробелы, какого размера должен быть тот или иной текст и.т.д. Сама суть, языка разметки, кроется в его названии – размещает, тесть диктует вариант размещения информации на странице. Если Браузер это программа MS Word, то документом будет та же текстовая информация с картинками и прочим, но уже наполненная html кодом.
Если вы все же решитесь не вставлять дополнительные элементы, а просто вставить необходимые абзацы, они тоже отобразятся, однако совсем не так как это выглядит в текстовом редакторе. Не будет абзацев, картинок, жирных шрифтов и прочего. Браузер не понимает код обычного Word, он реагирует только на html разметку. |
посмотреть результат
Далее разберёмся, как придать нужный цвет каждому отдельному абзацу. Для того, чтобы сделать данный пример наиболее наглядным, выбираем разные цвета.
По причине того, что в тексте уже имеется тэг , для которого мы прописали тип шрифта, мы вставляем только атрибут color=”#633000″.
После чего вставляем получившуюся комбинацию в код страницы.
Азы программирования для начинающих.
Уроки HTML для начинающих
Введение.
Что же собой представляет файл html? Это сокращенная аббревиатура от Hyper Text Markup Language что на русском звучит как язык гипертекстовой разметки. Данный язык разметки используется для отображения интернет страниц. Когда вы набираете в поиске запрос и переходите на любой сайт, и страница поисковика и сайта отображается с помощью Html.
Если вы все же решитесь не вставлять дополнительные элементы, а просто вставить необходимые абзацы, они тоже отобразятся, однако совсем не так как это выглядит в текстовом редакторе. Не будет абзацев, картинок, жирных шрифтов и прочего. Браузер не понимает код обычного Word, он реагирует только на html разметку.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
Азы программирования для начинающих. Уроки HTML для начинающихВведение.
Что же собой представляет файл html? Это сокращенная аббревиатура от Hyper Text Markup Language что на русском звучит как язык гипертекстовой разметки. Данный язык разметки используется для отображения интернет страниц. Когда вы набираете в поиске запрос и переходите на любой сайт, и страница поисковика и сайта отображается с помощью Html.
на каждой конкретной странице любой браузер узнает: какой требуется указывать шрифт, какие между текстовыми строчками должны быть пробелы, какого размера должен быть тот или иной текст и.т.д. Сама суть, языка разметки, кроется в его названии – размещает, тесть диктует вариант размещения информации на странице. Если Браузер это программа MS Word, то документом будет та же текстовая информация с картинками и прочим, но уже наполненная html кодом.
Если вы все же решитесь не вставлять дополнительные элементы, а просто вставить необходимые абзацы, они тоже отобразятся, однако совсем не так как это выглядит в текстовом редакторе. Не будет абзацев, картинок, жирных шрифтов и прочего. Браузер не понимает код обычного Word, он реагирует только на html разметку. |
посмотреть результат
Обратите внимание, что во втором абзаце мы не прописали цвет и он у нас принял цвет, который мы прописывали для всего текста.
Текст по умолчанию принимает черный цвет, если не указывать необходимый цветовой оттенок в .