LAB6 Кобец С.Ю (Лабораторная работа 6)
Описание файла
Файл "LAB6 Кобец С.Ю" внутри архива находится в папке "Лабораторная работа 6". Документ из архива "Лабораторная работа 6", который расположен в категории "". Всё это находится в предмете "вычислительные машины, системы и сети (вмсис)" из 8 семестр, которые можно найти в файловом архиве НИУ «МЭИ» . Не смотря на прямую связь этого архива с НИУ «МЭИ» , его также можно найти и в других разделах. Архив можно найти в разделе "лабораторные работы", в предмете "вычислительные машины, системы и сети (вмсс)" в общих файлах.
Онлайн просмотр документа "LAB6 Кобец С.Ю"
Текст из документа "LAB6 Кобец С.Ю"
Национальный Исследовательский Университет
Московский Энергетический Институт (Технический Университет)
Кафедра прикладной математики
Лабораторная работа №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="/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="/uploads/unziped/real/14324/doc/12077/vcss-blue"
alt="Правильный CSS!"/>
