LAB6 Апухтин М.А. (Лабораторная работа 6)

2015-08-20СтудИзба

Описание файла

Файл "LAB6 Апухтин М.А." внутри архива находится в папке "Лабораторная работа 6". Документ из архива "Лабораторная работа 6", который расположен в категории "". Всё это находится в предмете "вычислительные машины, системы и сети (вмсис)" из 8 семестр, которые можно найти в файловом архиве НИУ «МЭИ» . Не смотря на прямую связь этого архива с НИУ «МЭИ» , его также можно найти и в других разделах. Архив можно найти в разделе "лабораторные работы", в предмете "вычислительные машины, системы и сети (вмсс)" в общих файлах.

Онлайн просмотр документа "LAB6 Апухтин М.А."

Текст из документа "LAB6 Апухтин М.А."

НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ УНИВЕРСИТЕТ

МОСКОВСКИЙ ЭНЕРГЕТИЧЕСКИЙ ИНСТИТУТ

Лабораторная работа по ВМСС № 6.

Разработка WEB-страниц, содержащих таблицы и списки.

Выполнил

студент группы А-13-08

Апухтин М.А.

Преподаватель

Куриленко И.Е.

Москва, 2012

Оглавлени



Теги HTML, отвечающие за разметку таблиц. 3

3

3

3

4

5

5

Стили таблиц в HTML 5

Способ разметки маркированных и нумерованных списков 6

    6

      6

    1. 6

      Выполнение работы 7

      table.htm 7

      table.css 9

      list.htm 10

      list.css 12

      Список использованных источников 12







      Теги HTML, отвечающие за разметку таблиц.

3

4

4

Элемент

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

Выравнивание по вертикали в ячейке всегда происходит по ее центру, если это не оговорено особо. Это не всегда удобно, особенно для таблиц, у которых содержимое ячеек различается по высоте. В таком случае выравнивание устанавливают по верхнему краю ячейки с помощью свойства vertical-align.

Способ разметки маркированных и нумерованных списков

    Тег

      устанавливает маркированный список. Каждый элемент списка должен начинаться с тега
    • . Если к тегу
        применяется таблица стилей, то элементы
      • наследуют эти свойства.

        Атрибуты

        Type - Устанавливает вид маркера списка.

          Тег

            устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега
          1. . Если к тегу
              применяется таблица стилей, то элементы
            1. наследуют эти свойства.

              Атрибуты

              Type - Устанавливает вид маркера списка.

              Reversed - Нумерация в списке становится по убыванию (3,2,1).

              Start - Задаёт число, с которого будет начинаться нумерованный список.

            2. Тег

            3. определяет отдельный элемент списка. Внешний тег
                или
                  устанавливает тип списка — маркированный или нумерованный.
            4. Атрибуты

              Type - Устанавливает вид маркера нумерованного или маркированного списка.

              Value - Число, с которого будет начинаться нумерованный список.

              Выполнение работы

              table.htm

      . Внутри допустимо использовать следующие элементы: , , , , и .

      Атрибуты

      Align - Определяет выравнивание таблицы.

      Background - Задает фоновый рисунок в таблице.

      Bgcolor - Цвет фона таблицы.

      Border - Толщина рамки в пикселах.

      Bordercolor - Цвет рамки.

      Cellpadding - Отступ от рамки до содержимого ячейки.

      Cellspacing - Расстояние между ячейками.

      Cols - Число колонок в таблице.

      Frame - Сообщает браузеру, как отображать границы вокруг таблицы.

      Height - Высота таблицы.

      Rules - Сообщает браузеру, где отображать границы между ячейками.

      Summary - Краткое описание таблицы.

      Width - Ширина таблицы.

      ,
      ,
      ,

      Тег

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

      Атрибуты

      Align - Определяет выравнивание заголовка по горизонтали.

      Valign - Устанавливает расположение заголовка до или после таблицы.

      Тег

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

      Атрибуты

      Align - Устанавливает выравнивание содержимого колонки по краю.

      Char - Выравнивает содержимое колонки по заданному символу.

      Charoff - Сдвигает содержимое ячейки относительно заданного символа.

      Span - Количество колонок, к которым следует применять параметры.

      Valign - Задает вертикальное выравнивание содержимого колонки.

      Width - Ширина колонок.

      Элемент

      предназначен для хранения одной или нескольких строк таблицы. Это позволяет создавать структурные блоки, к которым можно применять единое оформление через стили, а также управлять их видом через скрипты.

      Допускается применять несколько тегов

      внутри контейнера
      . Доступны и другие виды группировок строк — и , ни один из них не должен перекрываться с элементом .

      Атрибуты

      Align - Определяет выравнивание текста в строке.

      Char - Выравнивание содержимого ячеек относительно заданного символа.

      Charoff - Смещение содержимого ячеек относительно указанного символа.

      Bgcolor - Цвет фона ячеек, которые расположены внутри контейнера

      .

      Valign - Выравнивание содержимого ячеек по вертикали.

      , который в свою очередь располагается внутри тега

      Предназначен для создания одной ячейки таблицы. Тег

      должен размещаться внутри контейнера
      .

      Атрибуты

      Abbr - Краткое описание содержимого ячейки.

      Align - Определяет выравнивание содержимого ячейки по горизонтали.

      Axis - Группирует ячейки связанные между собой похожей информацией.

      Background - Задает фоновый рисунок в ячейке.

      Bgcolor - Цвет фона ячейки.

      Bordercolor - Цвет рамки.

      Char - Выравнивает содержимое ячейки по заданному символу.

      Charoff - Смещает содержимое ячейки относительно заданного символа.

      Colspan - Объединяет горизонтальные ячейки.

      Headers - Позволяет связать ячейки с заголовком.

      Height - Высота ячейки.

      Nowrap - Запрещает перенос строк.

      Rowspan - Объединяет вертикальные ячейки.

      Scope - Позволяет связать ячейки простой таблицы с заголовками в речевых браузерах.

      Valign - Выравнивание содержимого ячейки по вертикали.

      Width - Ширина ячейки.

      Элемент

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

      В пределах таблицы разрешается использовать только один элемент

      .

      Атрибуты

      Align - Определяет выравнивание текста в строке.

      Bgcolor - Цвет фона ячеек, которые расположены внутри контейнера

      .

      Char - Выравнивание содержимого ячеек относительно заданного символа.

      Charoff - Смещение содержимого ячеек относительно указанного символа.

      Valign - Выравнивание содержимого ячеек по вертикали.

      , который в свою очередь располагается внутри тега

      Тег

      предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру. Тег должен размещаться внутри контейнера
      .

      Атрибуты

      Abbr - Краткое описание содержимого ячейки.

      Align - Определяет выравнивание содержимого ячейки по горизонтали.

      Axis - Группирует ячейки связанные между собой похожей информацией.

      Background - Задает фоновый рисунок в ячейке.

      Bgcolor - Цвет фона ячейки.

      Bordercolor - Цвет рамки.

      Char - Выравнивает содержимое ячейки по заданному символу.

      Charoff - Смещает содержимое ячейки относительно заданного символа.

      Colspan - Объединяет горизонтальные ячейки.

      Headers - Позволяет связать ячейки таблицы с заголовками в речевых браузерах.

      Height - Высота ячейки.

      Nowrap - Запрещает перенос строк.

      Rowspan - Объединяет вертикальные ячейки.

      Scope - Позволяет связать ячейки простой таблицы с заголовками в речевых браузерах.

      Valign - Выравнивание содержимого ячейки по вертикали.

      Width - Ширина ячейки.

      Элемент

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

      Атрибуты

      Align - Определяет выравнивание текста в строке.

      Char - Выравнивание содержимого ячеек относительно заданного символа.

      Charoff - Смещение содержимого ячеек относительно указанного символа.

      Bgcolor - Цвет фона ячеек, которые расположены внутри контейнера

      .

      Valign - Выравнивание содержимого ячеек по вертикали.

      Тег

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

      Атрибуты

      Align - Определяет выравнивание содержимого ячеек по горизонтали.

      Bgcolor - Цвет фона ячеек.

      Bordercolor - Цвет рамки.

      Char - Выравнивание содержимого ячеек относительно заданного символа.

      Charoff - Смещение содержимого ячеек относительно указанного символа.

      Valign - Выравнивание содержимого ячеек по вертикали.

      Стили таблиц в HTML

      Цвет фона одновременно всех ячеек таблицы устанавливается через свойство background, которое применяется к селектору TABLE. При этом следует помнить о правилах использования стилей, в частности, наследовании свойств элементов. Если одновременно с TABLE задать цвет у селектора TD или TH, то он и будет установлен в качестве фона. Полем называется расстояние между краем содержимого ячейки и ее границей. Обычно для этой цели применяется атрибут cellpadding тега

      или .
      . Он определяет значение поля в пикселах со всех сторон ячейки. Допускается использовать стилевое свойство padding, добавляя его к селектору TD.

      Если применяется стилевое свойство padding для ячеек таблицы, то действие атрибута cellpadding тега

      игнорируется.

      Атрибут cellspacing тега

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

      Стилевое свойство border одновременно задает цвет границы, ее стиль и толщину вокруг элемента. Когда требуется создать отдельные линии на разных сторонах, лучше использовать его производные — border-left, border-right, border-top и border-bottom, они соответственно определяют границу слева, справа, сверху и снизу.

      Применяя свойство border к селектору TABLE, мы добавляем рамку вокруг таблицы в целом, а к селектору TD или TH — рамку вокруг ячеек.

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

      . Если задать
      , то получим не двойные, а одинарные линии, но удвоенной толщины. Для изменения указанной особенности применяется стилевое свойство border-collapse со значением collapse, которое добавляется к селектору TABLE.

      При добавлении border-collapse: collapse значение атрибута cellspacing тега

      игнорируется.

      По умолчанию текст в ячейке таблицы выравнивается по левому краю. Исключением из этого правила служит тег

      , он определяет заголовок, в котором выравнивание происходит по центру. Чтобы изменить способ выравнивания применяется стилевое свойство text-align.
      Свежие статьи
      Популярно сейчас
      Зачем заказывать выполнение своего задания, если оно уже было выполнено много много раз? Его можно просто купить или даже скачать бесплатно на СтудИзбе. Найдите нужный учебный материал у нас!
      Ответы на популярные вопросы
      Да! Наши авторы собирают и выкладывают те работы, которые сдаются в Вашем учебном заведении ежегодно и уже проверены преподавателями.
      Да! У нас любой человек может выложить любую учебную работу и зарабатывать на её продажах! Но каждый учебный материал публикуется только после тщательной проверки администрацией.
      Вернём деньги! А если быть более точными, то автору даётся немного времени на исправление, а если не исправит или выйдет время, то вернём деньги в полном объёме!
      Да! На равне с готовыми студенческими работами у нас продаются услуги. Цены на услуги видны сразу, то есть Вам нужно только указать параметры и сразу можно оплачивать.
      Отзывы студентов
      Ставлю 10/10
      Все нравится, очень удобный сайт, помогает в учебе. Кроме этого, можно заработать самому, выставляя готовые учебные материалы на продажу здесь. Рейтинги и отзывы на преподавателей очень помогают сориентироваться в начале нового семестра. Спасибо за такую функцию. Ставлю максимальную оценку.
      Лучшая платформа для успешной сдачи сессии
      Познакомился со СтудИзбой благодаря своему другу, очень нравится интерфейс, количество доступных файлов, цена, в общем, все прекрасно. Даже сам продаю какие-то свои работы.
      Студизба ван лав ❤
      Очень офигенный сайт для студентов. Много полезных учебных материалов. Пользуюсь студизбой с октября 2021 года. Серьёзных нареканий нет. Хотелось бы, что бы ввели подписочную модель и сделали материалы дешевле 300 рублей в рамках подписки бесплатными.
      Отличный сайт
      Лично меня всё устраивает - и покупка, и продажа; и цены, и возможность предпросмотра куска файла, и обилие бесплатных файлов (в подборках по авторам, читай, ВУЗам и факультетам). Есть определённые баги, но всё решаемо, да и администраторы реагируют в течение суток.
      Маленький отзыв о большом помощнике!
      Студизба спасает в те моменты, когда сроки горят, а работ накопилось достаточно. Довольно удобный сайт с простой навигацией и огромным количеством материалов.
      Студ. Изба как крупнейший сборник работ для студентов
      Тут дофига бывает всего полезного. Печально, что бывают предметы по которым даже одного бесплатного решения нет, но это скорее вопрос к студентам. В остальном всё здорово.
      Спасательный островок
      Если уже не успеваешь разобраться или застрял на каком-то задание поможет тебе быстро и недорого решить твою проблему.
      Всё и так отлично
      Всё очень удобно. Особенно круто, что есть система бонусов и можно выводить остатки денег. Очень много качественных бесплатных файлов.
      Отзыв о системе "Студизба"
      Отличная платформа для распространения работ, востребованных студентами. Хорошо налаженная и качественная работа сайта, огромная база заданий и аудитория.
      Отличный помощник
      Отличный сайт с кучей полезных файлов, позволяющий найти много методичек / учебников / отзывов о вузах и преподователях.
      Отлично помогает студентам в любой момент для решения трудных и незамедлительных задач
      Хотелось бы больше конкретной информации о преподавателях. А так в принципе хороший сайт, всегда им пользуюсь и ни разу не было желания прекратить. Хороший сайт для помощи студентам, удобный и приятный интерфейс. Из недостатков можно выделить только отсутствия небольшого количества файлов.
      Спасибо за шикарный сайт
      Великолепный сайт на котором студент за не большие деньги может найти помощь с дз, проектами курсовыми, лабораторными, а также узнать отзывы на преподавателей и бесплатно скачать пособия.
      Популярные преподаватели
      Нашёл ошибку?
      Или хочешь предложить что-то улучшить на этой странице? Напиши об этом и получи бонус!
      Бонус рассчитывается индивидуально в каждом случае и может быть в виде баллов или бесплатной услуги от студизбы.
      Предложить исправление
      Добавляйте материалы
      и зарабатывайте!
      Продажи идут автоматически
      5139
      Авторов
      на СтудИзбе
      441
      Средний доход
      с одного платного файла
      Обучение Подробнее