Индивидуальное задание. 1. Создайте две новые страницы сложной структуры

1. Создайте две новые страницы сложной структуры. На первой странице попробуйте возможности выделения текста (italic, bold, underline), написания нескольких уровней заголовков, различные виды списков, многоколоночный текст, меню.

2. На второй странице установите внутренние связи в документе, содержащем заголовки 3 уровней, маркированный и нумерованный списки.

3. Разработайте собственные таблицы стилей и примените их к своим страницам разными способами (подключите таблицы как классы, создайте встроенные таблицы стилей).

4. Измените приоритеты стилей второго документа по заданию преподавателя.

Ключевые термины и определения

CSS – каскадная таблица стилей, язык описания внешнего вида html - документа.

Объектная модель браузера – уникальная для каждого браузера модель представления содержимого веб - документа.

Объектная модель документа – стандарт, регламентирующий представление содержимого веб - документа.

CSS - селектор – описание элемента или их группы, к которым должны быть применены правила стилей.

Внешняя таблица стилей – таблица стилей, располагающаяся во внешнем по отношению к html - документу.

Внутренняя таблица стилей – таблица стилей, являющаяся частью html - документа.

Краткие итоги

Основной вывод, который нужно вынести из данной лекции, заключается в следующем: html - разметка документа отвечает за структуру информации (блоки, абзацы, цитаты и т.д.), за управление внешним видом документа отвечает CSS файл (цвет, параметры шрифта, рамки, фон, обтекание и т.д.).

Нами были рассмотрены основы CSS, в рамках последующих лекций мы рассмотрим непосредственно приемы оформления отдельных элементов при помощи создания каскадных таблиц стилей.

Контрольные вопросы

1. Чем определяется структура документа?

2. Перечислите основные элементы структуры документа.

3. Какими способами могут быть оформлены гипертексты?

4. Как оформляются заголовки?

5. Как оформляются абзацы?

6. Как можно выделить слова и фразы?

7. Как создаются классы элементов?

8. Чем определяются приоритеты различных стилей?

Не нашли, что искали? Воспользуйтесь поиском: