Технология




Школа 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-документ, при просмотре которого в браузере, выводится список известных математиков с краткой характеристикой их научных достижений. При решении задачи использовать список определений.


Задание 8.


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


Задание 9.


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


Задание 10.


Создайте многоуровневый список


Задание 11.


Повторите страницу по данному по образцу


Задание 12.


Повторите страницу по данному по образцу



Следующая страница Списки HTML





Наверх