Главная | Технология | Школа html-верстки для начинающих | Списки HTML

Технология

Школа html-верстки для начинающих

Урок 8
Списки HTML

Содержание урока

Списки HTML

Списки HTML.mp4

Практикум

Практикум

Задание 1.

<!DOCTYPE HTML>
<html>
 <head>
    <title>Нумерованный список</title>
 </head>
 <body>
  <p><strong>Работа со временем</strong></p>
  <ol>
    <li>создание пунктуальности (никогда не будете никуда опаздывать);</li>
    <li>излечение от пунктуальности (никогда никуда не будете торопиться);</li>
    <li>изменение восприятия времени и часов.</li>
  </ol>
 </body>
</html>

Задание 2.

Маркированный список

 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Неупорядоченный список</title>
  </head>
  <body>
    <h1>Список изученных тегов</h1>
    <ul>
      <li>html</li>
      <li>head</li>
      <li>body</li>
      <li>p</li>
      <li>h1</li>
      <li>h2</li>
    </ul>
    <p>Неупорядоченный список используется для простого перечисления объектов, когда порядок неважен. </p>
  </body>
</html>

Задание 3.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Список определений</title>
  </head>
  <body>
    <h1>Расшифровка тегов списков</h1>
    <dl>
      <dt>dl</dt>
      <dd>Definition List, сам список определений</dd>
      <dt>dt</dt>
      <dd>Definition Term, термин</dd>
      <dt>dd</dt>
      <dd>Definition Definition, определение термина</dd>
      <dt>ul</dt>
      <dd>Unordered List, неупорядоченный список</dd>
      <dt>li</dt>
      <dd>List Item, элемент списка</dd>      
    </dl>
  </body>
</html>

Задание 4. Создание списка определений

1. Создайте страницу Список определений

2. Озаглавьте текст Компьютерные сети Английские термины

3. Создайте список определений по приведенному образцу фрагмента HTML-кода

<DL>
<DT>  <STRONG> Internet </STRONG>
<DD> глобальная компьютерная сеть.
<DT> <STRONG> internet </STRONG>
<DD> технология сетевого взаимодействия между компьютерами разных типов.
<DT> <STRONG> WAIS (Wide Area Information Servers) </STRONG>
<DD> мощная система поиска информации в базах данных сети Интернет по ключевым словам.
</DL>

4. Добавьте подзаголовок Русские термины

5. Напишите определения следующих понятий: адресное пространство, гипертекст, клиент, модем, разметка сайта, сервер, тег.

Задание 5.

Задание 6.

В этом задании вам нужно будет создать четырёхуровневый список:

Задание 7.

Составьте HTML-документ, при просмотре которого в браузере, выводится список известных математиков с краткой характеристикой их научных достижений. При решении задачи использовать список определений.