Лабораторная работа 6 (LAB6 Логинов А. А.)

Посмотреть архив целиком

Национальный исследовательский университет

Московский Энергетический Институт











Лабораторная работа №6.

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











Выполнил: Логинов Андрей

группа А-13-08

Преподаватель: Куриленко Иван Евгеньевич











Москва, 2012.

Цель работы:

Научиться оформлять таблицы на WEB-страницах. Получить навыки оформления маркированных и нумерованных списков на WEB-страницах.

Подготовка к работе:

  1. Ознакомиться с тегами HTML, отвечающими за разметку таблиц

  2. Ознакомиться со стилями таблиц в HTML

  3. Ознакомиться с способом разметки маркированных списков

  4. Ознакомиться с способом разметки нумерованных списков

Порядок выполнения работы:

  1. Добавить на одну из страниц разработанного ресурса таблицу из списка вариантов заданий (вариант таблицы определить по номеру в журнале)

  2. Создать информационную таблицу с объединением ячеек, выделением ячеек цветом, границей.

  3. Разработать страницу, содержащую несколько маркированных списков с различными типами маркеров.

  4. Разработать страницу, содержащую несколько нумерованных списков с различными типами нумерации.

  5. Разработать страницу, содержащую маркированный список нумерованных списков.





























Код страницы:

</span>Лаб<span lang="en-US">. 6


<p class="text1">Таблицы и спискиp>


12 вариант
       
     
   
       



<p class="text1">Маркированные спискиp>

  • Первый пункт
  • Второй пункт

  • Первый пункт
  • Второй пункт

  • Первый пункт
  • Второй пункт

  • Первый пункт
  • Второй пункт

  • Первый пункт
  • Второй пункт


Нумерованные списки

  1. Первый пункт
  2. Второй пункт

  1. Первый пункт
  2. Второй пункт

  1. Первый пункт
  2. Второй пункт


Маркированный список нумерованных списков

    1. Первый пункт
    2. Второй пункт

    1. Первый пункт
    2. Второй пункт












Файл со стилями:

.text1 {

font-size: 14pt;

font-family: Arial

}

table {

width: 200;

height: 200

}

caption {

font-family: Arial

}

.cell1 {

border-style: solid;

border-width: 2px;

border-color: black

}

li a {

color: white;

font-weight: bold;

text-decoration: none;

padding: 4px 7px;

width: 120px;

display: block;

background: #0076ba;

border: solid 1px white

}

li a:hover {

background: #d36800

}






Чтобы не видеть здесь видео-рекламу достаточно стать зарегистрированным пользователем.
Чтобы не видеть никакую рекламу на сайте, нужно стать VIP-пользователем.
Это можно сделать совершенно бесплатно. Читайте подробности тут.