LAB6 Кобец С.Ю (544746)
Текст из файла
Национальный Исследовательский Университет
Московский Энергетический Институт (Технический Университет)
Кафедра прикладной математики
Лабораторная работа №6 по дисциплине ВМСС
Разработка Web-страниц, содержащих таблицы и списки
Выполнил: Кобец С. Ю.
А-13-08
Преподаватель: Куриленко И. Е.
Москва
2012г.
Общая информация
Таблицы
Для добавления таблицы на веб-страницу используется тег и
Атрибуты тега
Colspan="число" – устанавливает число ячеек, которые должны быть объединены по горизонтали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.
rowspan="число" – устанавливает число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.
Списки
Любой список представляет собой контейнер , который устанавливает маркированный список, или
, определяющий список нумерованный. Каждый элемент списка должен начинаться с тега .
Список определений состоит из двух элементов — термина и его определения. Сам список задается с помощью контейнера , термин — тегом , а его определение — с помощью тега .
Типы маркированных списков
type="disc" – список с маркерами в виде круга
type="circle" – список с маркерами в виде окружности
type="square" – список с квадратными маркерами
Типы нумерованных списков
type="1" – арабские числа
type="A" – прописные буквы латинского алфавита
type="a" – строчные буквы латинского алфавита
type="I" – римские числа в верхнем регистре
type="i" – римские числа в нижнем регистре
В
ыполнение работы
В рамках лабораторной работы была создана страница, содержащая таблицу из списка вариантов заданий (изображена справа), информационная таблица с объединением ячеек, выделением ячеек цветом, границей. Также была создана страница, содержащая несколько маркированных списков с различными типами маркеров, нумерованных списков с различными типами нумерации, маркированный список нумерованных списков.
Таблицы
CSS код
#table1 {
border: 4px black dashed;
border-collapse: collapse;
margin: auto;
}
#table1 td {
width: 50px;
height: 50px;
}
#table1 .solid {
border: 4px black solid;
}
#table2 {
border: 2px #888 solid;
border-collapse: collapse;
text-align: center;
}
#table2 td{
border: 1px black solid;
border-left: 2px #888 solid;
border-right: 2px #888 solid;
}
#table2 th{
border: 1px black solid;
border-left: 2px #888 solid;
border-right: 2px #888 solid;
}
#table2 td.white{
background: #FFF;
}
#table2 th.white{
background: #FFF;
}
#table2 td.width1{
width: 5%;
}
#table2 td.width2{
width: 19%;
}
HTML код
Таблица
Таблицы
Меню
Главная
Примеры работы программы
Формула
Таблицы
Списки
alt="Valid XHTML 1.1"
height="31" width="88"/>
src="https://s.studizba.com/z.php?f=/uploads/unziped/real/14324/doc/12077/vcss-blue"
alt="Правильный CSS!"/>
Списки
CSS код
ul.circle {
list-style-type: circle;
}
ul.square {
list-style-type: square;
}
ol.A {
list-style-type: upper-alpha;
}
ol.a {
list-style-type: lower-alpha;
}
ol.I {
list-style-type: upper-roman;
}
ol.i {
list-style-type: lower-roman;
}
HTML код
Списки
Списки
Меню
Главная
Примеры работы программы
Формула
Таблицы
Списки
alt="Valid XHTML 1.1"
height="31" width="88"/>
src="https://s.studizba.com/z.php?f=/uploads/unziped/real/14324/doc/12077/vcss-blue"
alt="Правильный CSS!"/>
Характеристики
Тип файла документ
Документы такого типа открываются такими программами, как Microsoft Office Word на компьютерах Windows, Apple Pages на компьютерах Mac, Open Office - бесплатная альтернатива на различных платформах, в том числе Linux. Наиболее простым и современным решением будут Google документы, так как открываются онлайн без скачивания прямо в браузере на любой платформе. Существуют российские качественные аналоги, например от Яндекса.
Будьте внимательны на мобильных устройствах, так как там используются упрощённый функционал даже в официальном приложении от Microsoft, поэтому для просмотра скачивайте PDF-версию. А если нужно редактировать файл, то используйте оригинальный файл.
Файлы такого типа обычно разбиты на страницы, а текст может быть форматированным (жирный, курсив, выбор шрифта, таблицы и т.п.), а также в него можно добавлять изображения. Формат идеально подходит для рефератов, докладов и РПЗ курсовых проектов, которые необходимо распечатать. Кстати перед печатью также сохраняйте файл в PDF, так как принтер может начудить со шрифтами.
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
