Занятия в МЦ / 5 занятие

Классы и идентификаторы.

Идентификаторы

В коде документа каждый идентификатор уникален и должен быть включён лишь один раз.
Имя идентификатора чувствительно к регистру.
Стиль для идентификатора имеет приоритет выше, чем у классов.

Классы

Классы могут использоваться в коде неоднократно.
Имена классов чувствительны к регистру.
Классы можно комбинировать между собой, добавляя несколько классов к одному тегу.

Подробно о применении классов и идентификаторов в верстке http://htmlbook.ru/samcss/identifikatory-i-klassy

Вставка ссылки на страницу

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

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. Оба действия выполняются с помощью тега <a>. Общий синтаксис создания ссылок следующий.

<a href="URL">текст ссылки</a>

Атрибут href определяет URL (Universal Resource Locator, универсальный указатель ресурса), иными словами, адрес документа, на который следует перейти, а содержимое контейнера <a> является ссылкой. Текст, расположенный между тегами <a> и </a>, по умолчанию становится синего цвета и подчеркивается. В примере 8.1 показано создание нескольких ссылок на разные веб-страницы.

Много информации об оформлении ссылок: http://htmlbook.ru/faq/theme/ssylki

Размещение блоков div на странице, подготовительная работа при создании страницы сайта.

Две колонки, навигация слева

http://htmlbook.ru/content/dve-kolonki-navigatsiya-sleva

Задание:

Перечислите пожалуйста известные Вам теги и объясните для чего и как правильно их использовать.

В таблице стилей мы теперь умеем назначать несколько видов правил для элемента. Пожалуйста перечислите их и объясните как данные правила работают.

© Pirania Laboratory. Мы работаем с 2005 года.