Разработка информационного ресурса "Вуз - территория здорового образа жизни"
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
?акрывающий парный тег обязателен.
.Тег
.Элемент !-- определяет комментарий, невидимый при просмотре страницы. Между двумя тегами находится ваш текст. Часто бывает необходим при использовании новых тегов, не поддерживаемых в старых браузерах. В этом случае новые теги, обрамленных комментариями не будут отображаться в старых браузерах как непонятный текст. Кроме того, позволяет вносить заметки в код, облегчая его последующую модификацию.
.Тег
Тег предназначен для горизонтального выравнивания ВСЕХ элементов посередине окна браузера. CENTER это тег уровня блока, поэтому им можно центрировать, например, таблицы, тексты.
.Тег рекомендуется ставить, но обязательным он не является.
size
Устанавливает высоту(толщину) линии
width
Устанавливает ширину линии в пикселях или процентах
noshade
Создает линию без тени
color
Задает линии определенный цвет
10.Тег (Unordered List) служит для создания ненумерованного списка. Допускается вложение ненумерованного списка в списки другого вида. Требуется закрывающий тег.
type
Определяет тип маркера (см. таблицу 3)
discЗакрашенный круг. По умолчанию circleНезакрашенный кругosquare КвадратТаблица 3 - Значения атрибута "type" тега UL
title
Всплывающая подсказка
5.1Тег (List Item) служит для обозначения элемента (строки) списка. Используется в нумерованных (OL) и ненумерованных (UL) списках.
11.Тег , идущих подряд, заменяются одним. Закрывающий тег необязателен.
align
Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center.
leftвыравнивание по левому краю. По умолчанию right выравнивание по правому краю center выравнивание по центру justify выравнивание по ширине Таблица 4 - Значения атрибута "align" тега "P"
title
Всплывающая подсказка
12.Теги
13.Тег служит для создания заголовка. Всего существует 6 видов заголовков - от H1 до H6. Тегу H1 соответствует самый большой заголовок, тегу H6 - самый маленький. Закрывающий тег требуется
.Атрибуты:
Align
Выравнивает заголовок в соответствии с возможными значениями (см. таблицу 5).
centerПо центруlleftПо левому краю right По правому краюТаблица 5 - Значения атрибута "align" тега "Hx"
title
Всплывающая подсказка
Пункт 2.2.2 Язык разметки CSS
Cascading Style Sheets (Таблицы Каскадных Стилей) - это язык, содержащий набор свойств для описания внешнего вида любых HTML документов. С его помощью дизайнер имеет полный контроль над стилем и расположением каждого элемента веб-страницы, что проще и гораздо функциональнее использования обычного набора HTML тегов.
Язык CSS является языком высокого уровня и использует стандартную терминологию, принятую в электронной полиграфии.
Одним из фундаментальных свойств CSS является каскадирование.
1.Селекторы (Selectors):
Синтаксис: селектор {свойства}
Любой элемент HTML - это возможный CSS селектор. Свойства селектора определяют стиль элемента, для которого он определен.
2.Классовые селекторы (Class Selectors): селектор.класс {свойства}
CLASS - атрибут элемента в HTML, определяющий его класс. В CSS можно описать собственные стили для различных классов одних и тех же элементов.
Классы могут так же быть описаны без явного привязывания их к определенным элементам.
Синтаксис: .класс {свойства}
3.ID селекторы (ID Selectors):
Синтаксис: #id {свойства}- индивидуально именованный стиль. C его помощью можно создавать стилистические исключения среди элементов одного класса.
Связанные таблицы стилей используются для придания нескольким документам одного стиля и хранятся в отдельном файле. Это очень удобно , когда нужно выдержать сайт в одном стиле, не утруждая себя составлением таблиц для каждого документа.
На сайте использовалась связанная таблица стилей:
В ссылке указан относительный путь, он означает, что файл стилей лежит по адресу
Кроме применения языка для непосредственного задания цвета шрифтам и границам таблиц, css применялся для придания объектам динамичности, т.е. реакции на действия пользователя.
Динамичность обеспечивалась средствами псевдо-классов.
Для этого элементу а (бесклассовому) были назначены псевдо-классы link, active, hover, visited (обычная ссылка, активная ссылка, ссылка при наведенном курсоре и посещенная ссылка соответственно).
В соответствии с выбранной цветовой схемой ссылками были даны желтый и синий цвета (см. таблицу 6)
Псевдо-классКодЦветa:link (ссылка){color:#fed176; font-family: Arial New; font-weight:bold; text-decoration: none;}
Linka:visited (посещенная ссылка){color: #fed176; font-family: Arial New; text-decoration: none; font-weight:bold;}
Linka:hover (ссылка при наведенном курсоре){color: #090C76; font-family: Arial New; font-weight:bold; text-decoration: none;}
Linka:active (активная ссылка){color: #fed176; font-family: Arial New; font-weight:bold; text-decoration: none;}
LinkТаблица 6 - Псевдо-классы бесклассового элемента а: код и соответствующий цвет в системе RGB
Для стабильной работы псевдо-классов ссылок во всех известных браузерах использовался метод расположения LoVe-HAte или LVHA: Link, Visited, Hover, Active. Расположение описания стилей псевдо-классов в другом п