Задание
1. Создать HTML-документ, в котором представлены сведения о гостиницах для размещения участников некоторой конференции. Эти сведения оформить в виде документа содержащего таблицы:
Участники конференции
|
№п/п |
Ф.И.О. |
Гостиница |
Тип номера |
|
1 |
Иванов Иван Иванович |
Космос |
Люкс одноместный |
|
2 |
Петров Иван Петрович |
Космос |
Люкс двухместный |
|
3 |
Мюнгаузен Карл Фридрих Иероним |
|
|
Характеристики гостиниц
|
Название |
Адрес |
Тип номера |
Цена за день |
|
Космос |
Пр. Мира, д. 4 |
Люкс одноместный |
$150 |
|
Люкс двухместный |
$250 | ||
|
Одноместный |
$80 | ||
|
Академическая |
Профсоюзная, д. 15 |
Одноместный |
$50 |
|
Двухместный |
$80 | ||
|
Ленинградская |
Комсомольская пл., д. 3 |
Четырехместный |
$50 |
Обратите внимание на фоматирование текста, размер и тип шрифта. Самостоятельно выберите толщину рамки. Выделите сведения, относящиеся к разным гостиницам, разной заливкой.
Контрольные вопросы.
Какие теги применяются для создания таблиц?
Как изменить (вставить/удалить) рамку таблицы?
Как изменить цвет рамки?
Как задать фон и изображения заднего плана для таблиц, строк и ячеек
Назначение параметров cellpadding и cellspacing
Как задаьб ширину таблицы и столбцов.
Объединение ячеек в таблице.
Назначение параметров colspan и rowspan.
Выравнивание контента в ячейке таблицы
10. Как построить таблицу следующего вида?
|
|
|
|
11. Как построить таблицу следующего вида?
|
|
|
|
Использованные источники
1. Петрунина Е. Б. Лабораторные работы по основам HTML. Метод. указания для студентов всех направлений (бакалавриат) и специальностей очной и заочной форм обучения. СПб.: СПбГУНиПТ, 2004. – 18 с.
2. http://www.kolpinkurs.ru/saiti/lab3.htm
Лабораторная работа №3 Каскадные таблицы стилей
Цель работы: Познакомиться с возможностями и способами создания каскадных таблицей стилей.
Введение
Каскадные таблицы стилей или CSS (Cascading Style Sheets) предоставляют возможность перейти на следующий уровень представления информации. Таблицы стилей позволяют разделить оформление и смысловое содержимое страницы.
Каскадные таблицы стилей (Cascading Style Sheets – CSS) предоставляют удобный способ добавления к web-страницам сложных атрибутов форматирования. С их помощью можно определить гарнитуры и размеры шрифтов, способ выравнивания и другие характеристики, до мельчайших деталей определить параметры текста, цветов, графики, линий, цитат и т.д. Можно создать таблицу стилей и использовать ее для всех документов, расположенных на сервере, что придаст стройность и строгость всему web-сайту.
Таблица стилей – это набор правил, который управляет форматированием тэгов HTML в web-документе. Любое правило каскадных таблиц стилей состоит из двух частей: селектора и определения. Селектором может быть любой тэг HTML, для которого определение задаёт, каким образом необходимо его форматировать. Само определение, в свою очередь, также состоит из двух частей: свойства и его значения, разделенных знаком двоеточия (:). В одном правиле можно задать несколько определений, разделённых символом точка с запятой (;).
Чтобы таблица стилей могла воздействовать на внешнее представление документа, браузер должен знать о её существовании. Для этого ее необходимо связать с HTML-документом.
Существует четыре способа связывания документа и таблицы стилей:
1. Связывание – позволяет хранить таблицу стилей в отдельном файле и присоединять её к документам с помощью тэга <LINK>, задаваемого в разделе head:
<LINK REL="stylesheet" TYPE="text/css" HREF="mystyles.css">
Связываемый файл содержит набор правил каскадных таблицей стилей, определяющих форматирование документа, и должен иметь расширение CSS.
2. Внедрение – позволяет задавать все правила таблицы стилей непосредственно в самом документе. Правила задаются в стилевом блоке, ограниченном тэгами <STYLE TYPE="text/css"> и </STYLE>, который должен размешаться в разделе HEAD документа:
<HEAD>
<STYLE TYPE="text/css">
селектор {свойство: значение}
…
</STYLE>
</HEAD>
3. Импортирование – позволяет встраивать в документ таблицу стилей, расположенную на сервере.
4. Встраивание в тэги документа – позволяет изменять форматирование конкретных элементов страницы.