 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Создание списков
|
|
Для наглядного представления информации на Web-страницах часто используются списки. Списки могут быть нумерованными и ненумерованными.
Ненумерованные списки создаются с помощью пары тэгов <ul>…</ul>, которые ограничивают весь список. Между ними располагается тэги <li>…</li>, которые ограничивают один пункт списка. Для маркировки списка могут использоваться различные элементы: окружности (circle),точки (disk), квадраты (square). Пример маркированного окружностями списка:
<ul type="circle">
<li>пункт 1</li>
<li>пункт 2</li>
<li>пункт 3</li>
</ul>
Пример маркированного точками и квадратами списка:
<ul>
<li type="disc">пункт 1</li>
<li type="square">пункт 2</li>
</ul>
Для создания нумерованных списков используются пары тегов <ol>…</ol>, которые ограничивают весь список. Между ними располагается тэги <li>…</li>, которые ограничивают один пункт списка.
По умолчанию списки нумеруются по порядку 1,2,3 и т.д. Воспользовавшись аргументом type можно задать тип списка. К примеру, код внизу отобразит список по алфавиту A, B, C и т.д.
<ol type="A">
<li>пункт 1</li>
<li>пункт 2</li>
<li>пункт 3</li>
</ol>
Создадим новую страницу lab2.html нашего сайта. на которой поместим ненумерованный список:
<html>
<head>
<title>Чем мы занимаемся?</title>
</head>
<body bgcolor=aqua text=navy>
<h2 align=center>Чем мы занимаемся?</h2>
<ul>
<li>Разработкой компьютерных распределённых систем управления
<li>Разработкой простых и дешёвых SCADA–систем
<li>Внедрением покупных SCADA–систем
<li>Разработкой управляющих программ для промышленных
контроллеров
</ul>
</body>
</html>
Тег <li> может использоваться как одиночный, т.е. без парного, закрывающего тега </li>.
Сохраним документ в папке Lab под именем lab2.html
Для просмотра документа воспользуемся командой Открыть меню Файл в браузере Internet Explorer или командой Открыть страницу меню Файл в браузере Netscape Communicator.
Дата публикования: 2015-01-23; Прочитано: 174 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
