Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Тема 1.3 Оформлення тексту у Web-сторінках

Тег <body> окрім своєї основної функції, також застосовується для визначення кольорів посилань і тексту на веб-сторінці.

Подібні дії в HTML 4 засуджуються і натомість для вказівки колірної схеми рекомендується використати стилі, застосовуючи їх до селектора BODY. Проте із стилями ми познайомимося пізніше.

Ось вони, атрибути, від яких нам рекомендують отказатся, але незважаючи на це, вони прекрасно підтримуються усіма браузерами:

o alink — Встановлює колір активного посилання.

o background — Задає фоновий рисунок на веб-сторінці.

o bgcolor — Колір фону веб-сторінки.

o bgproperties — Визначає, прокручувати фон спільно з текстом або ні.

o bottommargin — Відступ від нижнього краю вікна браузеру до контенту.

o leftmargin - Відступ по горизонталі від лівого краю вікна браузеру до контенту.

o link — Колір посилань на веб-сторінці.

o rightmargin - Відступ від правого краю вікна браузеру до контенту.

o scroll - Встановлює, відображати смуги прокрутки або ні.

o text — Колір тексту в документі.

o topmargin — Відступ від верхнього краю вікна браузеру до контенту.

o vlink — Колір відвіданих посилань.

<html>

<head>

<title>Мой первый сайт</title>

</head>

<body link="#ff9900" vlink="#336699" alink="#ff6699">

Привет всем! А это мой первый <a href=" http://stafox.ru/html-s-nulya-lekciya-2/">сайт</a>. С цветными <a href="#">ссылками</a>

</body>

</html>

1. <html>

2. <head>

3. <title>Мій перший сайт</title>

4. </head>

5. <body link="#ff9900" vlink="#336699" alink="#ff6699">

6. Привіт всім! А це мій перший <a href=" http://stafox.ru/html-s-nulya-lekciya-2/">сайт</a>. З кольоровими <a href="#">посиланнями</a>

7. </body>

8. </html>

Розглянемо як це виглядає на прикладі.

Як ви помітили, колір вказується в непревычной для вас формі, в цьому прикладі колір вказаний в шістнадцятковому значенні. На початковому етапі замість використання таких страшних позначень кольору(#FF9900, #336699, #FFFFFF) можна обмежиться назвою кольору англійською мовою(black, brown, red, darkred, yellow, green, blue, white і так далі). Проте рано чи пізно вам доведеться впустити у своє життя позначення кольорів в HEX. А може вам більше сподобається CMYK або HSV. Для того, щоб визначиться що вам більше до душі пропоную заглянути в wiki. А я у свою чергу хочу поділитися з вами програмою ColorPix, яка допоможе вам упізнати код будь-якого вподобаного вам кольору.

А тепер спробуйте самостійно змінити колір тексту і колір фону сторінки.

Якщо вам захочеться в якості фону використати зображення, то атрибут background вказує шлях до зображення.

<body background="bg.jpg" bgproperties="fixed">

1. <body background="bg.jpg" bgproperties="fixed">

Як ви бачите, застосований ще один атрибут — bgproperties, він може набувати тільки значення fixed, це означає, що фон буде зафіксований, і прокручуватися буде тільки контент.

 

<== предыдущая лекция | следующая лекция ==>
Отечественная психологическая мысль в XX веке | Параграфи
Поделиться с друзьями:


Дата добавления: 2013-12-12; Просмотров: 354; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.011 сек.