Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь FAQ Написать работу КАТЕГОРИИ: АрхеологияБиология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия Экология ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Создание документов в формате HTML↑ Стр 1 из 4Следующая ⇒ Содержание книги
Поиск на нашем сайте
СОЗДАНИЕ ДОКУМЕНТОВ В ФОРМАТЕ HTML
ВВЕДЕНИЕ HTML (HyperText Markup Language – язык разметки гипертекста) – это язык компоновки документов и спецификаций гиперссылок, используемый для кодирования документов в системе WWW. Средствами HTML задаются синтаксис и размещение специальных встроенных указаний в соответствии, с которыми браузер отображает содержимое документа: текст, изображения и данные других типов, поддерживаемых данным браузером. Текст самих встроенных указаний Web-браузером не отображается. В языке HTML, кроме того, реализована поддержка механизма специальных гипертекстовых ссылок, которые обеспечивают связь данного документа с другими документами (последние могут находиться в локальной системе, в системе WWW или могут быть получены с помощью других ресурсов Internet – FTP, Gopher и т.д.). Применение механизма гипертекстовых ссылок позволяет сделать документ интерактивным. Для создания HTML-документов требуется простой текстовый редактор, например, Windows Notepad (Блокнот). Для просмотра HTML-документов необходимо воспользоваться браузером, например, Internet Explorer. Для формирования HTML-документа используются различные теги и элементы оформления. Теги HTML вставляются между знаками «меньше» (<) и «больше» (>), другими словами, между угловыми скобками: <HTML>. Большинство HTML-тегов работают парами, поэтому требуется использовать начальный и конечный теги. Конечный тег HTML выглядит точно также, как и начальный тег, однако начинается с прямого слэша (/). Например, тег <HTML> отмечает начало HTML-документа, тег </HTML> идентифицирует его конец. HTML-тег состоит из имени, за которым может следовать необязательный список атрибутов тега. Атрибуты тега отделяются друг от друга одним или несколькими знаками табуляции, пробелами или символами возврата к началу строки. Например, если мы хотим сделать цвет фона красным, а цвет всего текста документа – белым, то в теге <BODY> необходимо ввести следующие атрибуты: <BODY bgcolor=red text=white>. Некоторые атрибуты могут иметь конкретные значения (например, size=10). Вложенные теги нужно закрывать, начиная с самого последнего и двигаясь к первому: <H1> <B> <CENTER> Домашняя страница Иванова </CENTER> </B> </H1> Технология создания и просмотра Web-страницы. 1. В текстовом редакторе наберите HTML-текст. 2. Сохраните HTML-файл с расширением .htm или .html. 3. Загрузите браузер. 4. Откройте этот файл. Для этого необходимо выполнить следующие команды: Файл: Открыть. В открывшемся диалоговом окне введите полное имя файла (если помните) или воспользуйтесь опцией Обзор. 5. Если вас не устраивает то, что отобразил браузер, необходимо вернуться к HTML-файлу (источнику) и внести изменения. Чтобы вернуться к HTML-файлу (источнику), выполните следующие команды: Вид: В виде HTML ( или Источник). Второй способ – щелкните правой кнопкой мыши на документе. В появившемся контекстном меню выберите В виде HTML ( или Источник). Откроется ваш HTML-файл. Внесите изменения в HTML-текст. Сохраните изменения (Файл: Сохранить). Закройте Блокнот. Теперь окно браузера стало активным. 6. Выполните команду Обновить. Для этого на панели инструментов нажмите кнопку обновить. Полезный совет: ¨ Для удобства чтения и редактирования HTML-файла теги лучше всего набирать ПРОПИСНЫМИ буквами. ¨ При выполнении лабораторной работы вы создадите несколько файлов. Создайте на диске С: в папке Мои документы свою личную папку (например, ИВАНОВ). Сохраняйте свои файлы и другую необходимую информацию в эту папку (например, рисунки, пиктограммы и пр.).
СТРУКТУРА HTML-ДОКУМЕНТА Текст всего документа заключается в теги: <HTML>... </HTML>. В заголовке (<HEAD>... </HEAD>) указывается название HTML-документа и другие параметры, которые браузер будет использовать при отображении документа.
Рис. 1. Структура HTML-документа.
<HTML> и </HTML> Задание 1. Загрузите текстовый редактор Notepad (Блокнот). Наберите следующий ниже текст и сохраните его под именем web1.html в вашей личной папке. _________________________________________________ <HTML>
<BODY> <ADDRESS> Иванов Сергей – e-mail:ivanov@psu.unibel.by </ADDRESS> </BODY>
</HTML> _________________________________________________ Запустите браузер Internet Explorer. Откройте файл web1.html. Вот что должно получиться (Рис. 2).
Рис. 2. Иллюстрация к заданию 1. СОЗДАНИЕ ЗАГОЛОВКОВ Язык HTML поддерживает 6 уровней заголовков, для которых используются теги <H n> и </H n >. n - это уровень заголовка. Он принимает значение от 1 до 6. Причем, первый номер соответствует самому крупному шрифту. Заголовки должны быть информативны и привлекательны для читателя. Текст заголовка пишется между открывающим и закрывающим тегом. Задание 2. Измените вид вашей Web-страницы, введя приведенный ниже текст. Сохраните файл под именем web2.html в свою личную папку, выполнив операцию Сохранить как. Откройте этот файл в браузере. Результат приведен на рисунке 3. _________________________________________________ <HTML>
<BODY> <H2>Приглашаются все желающие!</H2> <ADDRESS> Иванов Сергей – e-mail: ivanov@psu.unibel.by </ADDRESS> </BODY>
</HTML> _________________________________________________ Рис. 3. Иллюстрация к заданию 2. ВВОД ТЕКСТА И ИНОЙ ИНФОРМАЦИИ Web-браузеры игнорируют пробелы, табуляции и переводы строки, если только они не определены соответствующими тегами. Тег нового абзаца. Для форматирования абзацев используется тег <Р>, его следует располагать в начале нового абзаца, за исключением тех мест, где используется тег прерывания строки. <P> предписывает браузеру разделить два фрагмента текста пустой строкой. Закрывающий тег </P> использовать необязательно. Таблица 1.
Теги заголовков автоматически выполняют возврат каретки и оставляют пустую строку после текста между тегами <H n > и </H n>. Тег перевода строки. Тег перевода строки <BR> аналогичен тегу нового абзаца, но он не вводит пустую строку после отделяемого им текста. После этого тега текст продолжает отображаться с начала следующей строки. В HTML существует два тега, производных от <BR>. Тег разбивки слова <WBR> означает, что браузер должен разбить указанное слово, если его придется перенести на следующую строку. Если, напротив, браузеру не следует переносить текст на другую строку, его окружают тегами <NOBR> и </NOBR>. Теги запрета переноса блокируют автоматический перенос строк. Они полезны, когда вам необходимо, чтобы определенная группа слов всегда отображалась на одной строке. Тег горизонтальной линии. Тег горизонтальной линии <HR> может быть средством организации текста и дизайна. Он помогает посетителям страницы понять, какие части информации соотносятся друг с другом, а также разделяет страницу на несколько частей. Например, тег <HR> можно применить непосредственно над адресом электронной почты, чтобы отделить эту информацию от обычного текста. Используя атрибуты тега <HR> можно видоизменить горизонтальную линию. Таблица 2.
Предварительное форматирование. Если Вы хотите, чтобы браузер не форматировал ваш текст и чтобы информация, набранная в HTML-файле, точно также выглядела и в браузере без использования тегов форматирования, используйте теги <PRE> и </PRE>. Заключенный в теги текст будет отображаться так, как он был отформатирован предварительно, без обработки, с точным соблюдением переносов строк и интервалов.
Задание 3. Откройте ваш HTML-файл. Внесите следующие изменения. Сохраните изменения. Обновите Web-страницу. _________________________________________________ <HTML>
<HEAD> <TITLE>Домашняя страница (укажите свою фамилию и имя). </TITLE> </HEAD>
<BODY> <H1> Добро пожаловать к (укажите свою фамилию и имя) </H1> <H2>Приглашаются все желающие!</H2> <HR> Я рад приветствовать Вас на моей Web-странице. Я непрерывно работаю над этой страницей, и она постоянно обновляется. <P>Вот что я люблю делать в свободное время: (напишите о себе). <H3> Мои любимые книги (можно кинофильмы и пр.):</H3> (Введите название первой книги) <BR> (Введите название второй книги)<BR > (Введите название третей книги) <P> <HR> <ADDRESS> Иванов Сергей – e-mail:ivanov@psu.unibel.by </ADDRESS> </BODY>
</HTML> _________________________________________________ В конце используется тег <P>, чтобы отделить список от следующего абзаца. У вас должно получиться что-то похожее на представленное на рис.4. Рис. 4. Иллюстрация к заданию 3. СТИЛЕВОЕ ОФОРМЛЕНИЕ ТЕКСТА Изменить внешний вид страницы (отформатировать текст) можно при помощи тегов, приведенных в таблице 3. Таблица 3.
Задание 4. Отформатируйте ваш документ на ваше усмотрение. Сохраните изменения. Вернитесь в Internet Explorer и выполните команду: Обновить. УПРАВЛЕНИЕ ЦВЕТОМ Возможность менять цвет любого фрагмента отображаемой информации – один из самых замечательных способов придать тексту индивидуальность. Сделать это можно при помощи соответствующих тегов (см. табл. 5). Таблица 5.
Имя цвета можно написать словом (например, red - красный), а можно при помощи шестнадцатеричных кодов цветов (#FF0000 – красный). Шестнадцатеричные коды. Механизм задания цвета основан на описании цветов с помощью модели RGB (red – красный, green – зеленый, blue - синий). Определенные цвета задаются шестнадцатеричной комбинацией из шести знаков, показывающей компьютеру, как следует смешать красный, зеленый и синий для получения нужного цвета. Шестнадцатеричные цифры – это цифры от 0 до 9 и буквы от А до F. Смешивая различные по степени насыщенности оттенки этих цветов, можно получить огромное количество вариантов для выбора. Каждому из основных цветов – красному, зеленому и синему – соответствует два знака кода. В таблице 6 приведены основные цвета и соответствующие им шестнадцатеричные коды. Таблица 6.
Задание 5. Откройте ваш HTML-файл. Измените цветовую гамму документа. Сохраните изменения. Вернитесь в Internet Explorer и выполните команду: Обновить.
Фоновые изображения. Вы можете задавать не только стандартные цвета, но и фоновые рисунки. При правильном применении эта графика дает интересный эффект Фоновые узоры состоят из крошечных изображений в формате.GIF, покрывающих весь фон. Текст и изображения, естественно, располагаются поверх фона. Фоновые изображения задаются так же, как и цвета фона, только для этого применяется ключевое слово BACKGROUND. Просто введите в тег <BODY> ключевое слово BACKGROUND=”имя файла”, и браузер автоматически загрузит фоновое изображение. Прежде, чем вы начнете экспериментировать с фоновые цветами и узорами, обратите внимание на некоторые нюансы. Часто непродуманное использование фоновых цветов и изображений делает страницу абсолютно нечитаемой. Старайтесь применять только светлые тона и легкие узор. Проверьте каждую страницу и убедитесь, что ее можно прочесть. Кроме того, использование фоновых узоров может существенно увеличить время загрузки страницы. Желательно, чтобы фоновый узор занимал не более 10 Кбайт.
Нумерованный список. Нумерованный список задается с помощью тегов <OL> и </OL>. Как и в маркированном списке, каждый пункт задается тегом <LI>. По умолчанию номера начинаются с 1. При помощи атрибутов можно изменить стандартный тип нумерации. Таблица 8.
Пример: <OL Type= i > <LH> Заголовок списка </LH> <LI> … <LI> </OL> Задание 6. Создайте в документе нумерованный и маркированный списки. Для этого необходимо набрать приведенный ниже текст. Сохраните его под именем списки.html в своей личной папке. _________________________________________________ <HTML>
<HEAD> <TITLE>Создание списков</TITLE> </HEAD>
<BODY> <H1> Списки</H1> <H2> Маркированные и нумерованные списки </H2>
<UL> <LH> <B> Животные в цирке Барни </B> </LH> <LI>Слоны <LI>Львы <LI>Медведи </UL>
<OL> <LH><B> График моего путешествия по Европе </B></LH> <LI> Прибытие самолетом в Париж <LI> Ночной переезд в Берлин <LI> Поезд в Вену <LI> Самолет в РИМ <LI> Возвращение в Париж, самолет домой </OL>
<P> А можно пронумеровать римскими цифрами. <OL TYPE=I> <LH><B> График моего путешествия по Европе </B></LH> <LI> Прибытие самолетом в Париж <LI> Ночной переезд в Берлин <LI> Поезд в Вену <LI> Самолет в Рим <LI> Возвращение в Париж, самолет домой </OL> </BODY> </HTML> _________________________________________________
Рис. 5. Иллюстрация к заданию 6.
Списки определений. Списки определений позволяют включать определения для каждого из элементов списка. Такие списки создаются с помощью тега <DL>, но форматирование списка производится двумя другими тегами. Это тег термина, <DT>, и тег определения, <DD>. Идеальное использование списка определений – это словарь. Задание 7. Создайте список определений. Сохраните этот файл под именем определения.html в своей личной папке. _________________________________________________ <HTML> <HEAD> <TITLE>Список определений</TITLE> </HEAD> <BODY> <H1> Теги списков </H1> <DL> <DT> Тег UL </DT> <DD> Создает маркированный список </DD> <DT> Тег OL </DT> <DD> Создает нумерованный список </DD> <DT> Тег LI </DT> <DD> Используется как в нумерованном, так и в маркированном списке для назначения элементов списка </DD> <DT> Тег DL </DT> <DD> Создает список словарного типа, или список определений </DD> <DT> Тег DT </DT> <DD> Задает термин списка </DD> <DT> Тег DD </DT> <DD> Задает определение термина списка </DD> </DL> </BODY> </HTML> _________________________________________________
Рис. 6. Иллюстрация к заданию 7.
Вложенные списки. Вложенный список – это список внутри списка. Вложение списков в списки позволит вам создать несколько уровней организации информации. Вкладываемый список может принадлежать к другому типу списков, в отличие от основного. Вкладывая списки в списки, используйте в вашем HTML-файле табуляции для сдвига каждого уровня. Задание 8. Создайте вложенный список. Сохраните его под именем вложенный.html. _________________________________________________ <HTML> <HEAD> <TITLE>Вложенный список </TITLE> </HEAD> <BODY> <H1> Вложенные списки </H1> <OL> <LH><B> Дополнительный график моего путешествия по Европе </B></LH> <LI> Прибытие самолетом в Париж <UL> <LI> Подняться на Эйфелеву башню <LI> Посетить Лувр </UL> <LI> Ночной переезд в Берлин <UL> <LI> Посетить знаменитую Берлинскую стену <LI> Съесть колбасы и выпить пива </UL> <LI> Поезд в Вену <LI> Самолет в РИМ <LI> Возвращение в Париж, самолет домой </OL> </BODY> </HTML> _________________________________________________
СОЗДАНИЕ ТАБЛИЦ Таблицы в HTML состоят из названия, заголовков, строк и ячеек. Для определения каждой части таблицы используется специальный тег. К основным тегам, которые используются для описания таблиц, относятся <TABLE>, <CAPTION>, <TR>, <TH>, <TD>. Тег <TABLE> служит для указания начала и конца таблицы (</TABLE>). С помощью атрибутов этого тега задаются характеристики всей таблицы, например, цвет фона, размер обрамления, интервалы между ячейками. Необязательный тег <CAPTION> помещается в теги <TABLE> и задает заголовок таблицы, который по умолчанию отображается браузером в верхней ее части. Теги <TR> обозначают каждую строку таблицы и содержат теги для каждой ячейки строки. Теги <TH> и <TD> служат для описания собственно ячеек таблицы: <TH> обозначает ячейки заголовка, <TD> - обычную ячейку. Теги <TH> и <TD> заключают в себе информацию, которая отображается в каждой ячейке таблицы. Ячейки таблицы могут содержать практически любую информацию, включая данные, изображения, гиперссылки и большинство других элементов HTML-документов. Хорошая таблица делает Web-страницу информативной, аккуратной и организованной.
Основные теги и атрибуты для создания HTML-таблиц. Таблица 9.
Каждая строка таблицы создается тегом <TR>. Внутри этого тега определяются одна и более ячеек, содержащих заголовки (каждый из которых задается тегом (<TH>) или данные (которые задаются тегом <TD>). Количество ячеек в каждой строке таблицы равно количеству ячеек в самой длинной строке. При создании строк, для которых задано меньше ячеек, браузер автоматически формирует пустые ячейки. Таблица 10.
Задание 9. Создайте простую таблицу. Сохраните файл под именем таблица1.html в своей личной папке. _________________________________________________
<HTML> <HEAD><TITLE> ПРОСТАЯ ТАБЛИЦА </TITLE></HEAD> <BODY> <H1> <CENTER> ИТОГИ ЗИМНЕЙ СЕССИИ</CENTER> </H1> <TABLE > <CAPTION> <B> Студенты, сдавшие экзамен на “4” и “5”. </B></CAPTION> <TR > <TH> Фамилия </TH> <TH> Группа</TH> <TH> Экономика </TH> <TH> Статистика</TH> </TR> <TR> <TD> Иванов </TD> <TD> 98-ЭП</TD> <TD> 4</TD> <TD> 5</TD> </TR> <TR> <TD> Петров </TD> <TD>98-ФК</TD> <TD>5</TD> <TD>5</TD> </TR> <TR> <TD> Васильева </TD> <TD>98-МН</TD> <TD>5</TD> <TD>4</TD> </TR> </TABLE> </BODY> </HTML> _________________________________________________ Задание 10. Добавьте в таблицу несколько записей. Расположите оценки с правой стороны ячейки, саму таблицу по центру страницы. Объедините в таблице несколько строк и столбцов. Установите ширину таблицы 70% от ширины экрана. Сохраните файл под именем таблица2.html в своей личной папке. _________________________________________________
<HTML> <HEAD><TITLE> СЛОЖНАЯ ТАБЛИЦА </TITLE></HEAD> <BODY> <H1> <CENTER> ИТОГИ ЗИМНЕЙ СЕССИИ</CENTER> </H1> <TABLE align=center width=70% border > <CAPTION> <B> Студенты, сдавшие экзамен на «4» и «5». </B></CAPTION> <TR bgcolor=pink> <TH colspan=2 > Личная информация </TH> <TH colspan=2> Экзаменационные оценки</TH> <TR > <TH> Фамилия </TH> <TH> Группа</TH> <TH> Экономика </TH> <TH> Статистика</TH> </TR> <TR> <TD> Иванов </TD> <TD rowspan=3> 98-ЭП</TD> <TD align=right> 4</TD> <TD align=right> 5</TD> </TR> <TR> <TD> Степанько </TD> <TD align=right>5</TD> <TD align=right>4</TD> </TR> <TR> <TD> Бобкова </TD> <TD align=right>5</TD> <TD align=right>5</TD> </TR> <TR> <TD> Петров </TD> <TD>98-ФК</TD> <TD align=right>5</TD> <TD align=right>5</TD> </TR> <TR> <TD> Васильева </TD> <TD>98-МН</TD> <TD align=right>5</TD> <TD align=right>4</TD> </TR> </TABLE> </BODY> </HTML> _________________________________________________
Рис. 8. Иллюстрация задания 10. Работа с вложенными таблицами. Вложенной называется таблица, внутри ячейки которой содержится одна или более других таблиц.
Задание 11. Создайте вложенную таблицу. Листинг этого примера приведен ниже. _________________________________________________
<HTML> <HEAD><TITLE> ВЛОЖЕННАЯ ТАБЛИЦА </TITLE></HEAD> <BODY> <CENTER> <H1> ПРИМЕР ВЛОЖЕННОЙ ТАБЛИЦЫ </H1> <TABLE border=5 > <CAPTION> <B>ОТЧЕТ О ПРОДАЖАХ </B></CAPTION> <TR > <TH> ФИРМА </TH> <TH> ПРОДАЖИ (долл.) </TH> </TR> <TR> <TD> САММИТ</TD> <TD> <TABLE border> <TR> <TH> месяц </TH> <TH> компьютеры </TH> <TH> принтеры </TH> <TH> сканеры </TH> </TR> <TR ALIGN=right> <TD>январь </TD> <TD>21000 </TD> <TD> 2400 </TD> <TD> 700</TD> </TR> <TR ALIGN=right> <TD>февраль</TD> <TD>13000 </TD> <TD> 1500 </TD> <TD> 0</TD> </TR> <TR ALIGN=right> <TD>март </TD> <TD>32500 </TD> <TD> 700 </TD> <TD> 1400</TD> </TR> </TABLE> </TD> </TR> <TR> <TD> БЕЛФОРТ</TD> <TD> <TABLE border> <TR ALIGN=right> <TH> месяц </TH> <TH> компьютеры </TH> <TH> принтеры </TH> <TH> сканеры </TH> </TR> <TR ALIGN=right> <TD>январь </TD> <TD>23000 </TD> <TD> 3400 </TD> <TD> 700</TD> </TR> <TR ALIGN=right> <TD>февраль</TD> <TD>17000 </TD> <TD> 1200 </TD> <TD> 500</TD> </TR> <TR ALIGN=right> <TD>март </TD> <TD>27500 </TD> <TD> 500 </TD> <TD> 1000</TD> </TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML> _________________________________________________
Рис 9.Иллюстрация задания 11. СОЗДАНИЕ ГИПЕРССЫЛОК Гиперссылка – это выделенные цветом (подсвеченные, подчеркнутые) слова и фразы. Стоит щелкнуть на такой ссылке, и вы переходите на другую страницу, расположенную на локальном сервере, или открываете сайт службы, которая может находиться где угодно – в соседнем городе или на другой стороне земного шара. Гиперссылка состоит из следующих элементов: · Начальный привязочный тег <A>. · Имя документа, на который вы ссылаетесь. · Текст (гипертекст), который подчеркивает браузер для обозначения ссылки. · Завершающий привязочный тег </A>. Таблица 11.
Например, такая запись <A HREF=”списки.html”> график путешествия </A> обозначает, чтослова график путешествия являются гиперссылкой на файл списки.html. В качестве средства ссылок на другие Web-страницы можно использовать не только текст, но и изображения. Для этого необходимо вместо текста ссылки задать изображение. По умолчанию Web-браузеры окружают изображение–ссылку синей рамкой. Щелкнув мышью на любом месте изображения, посетители переходят на соответствующий документ. В качестве ссылок вы можете использовать любые виды изображений, рисунков и пиктограмм (кроме фоновых рисунков). Например, <A HREF= “Эмблема.html”> <IMG SRC=”Hr-polac.gif”> </A> Старайтесь использовать понятные изображения, чтобы посетители знали, куда их адресует ссылка. При использовании изображений-ссылок чрезвычайно важно задавать альтернативный текст. Тогда те посетители, которым не видны изображения, также смогут пользоваться ссылками. Задание 13. 1. Создайте файл, где будет собрана вся информация о списках (нумерованных и маркированных, списках определений, вложенных списках). Для этого необходимо скопировать все HTML-файлы о списках в один файл. Отредактировать его и сохранить его под именем все_списки.html в свою личную папку. 2. Вначале документа сделайте ссылки на следующие разделы этого файла: 3. В конце файла создайте ссылку на начало документа.
Листинг этого задания приведен ниже. <HTML>
<HEAD> <TITLE> Все виды списков </TITLE> </HEAD>
<BODY> <H1> <B> <A NAME=”все”> ВСЕ <A> ВИДЫ СПИСКОВ </B> </H1> <P> Списки помогают организовать информацию Такую страницу посетители быстро прочтут, поскольку, бегло взглянув на список, можно быстро найти в нем то, что нужно. <P> Существуют следующие виды списков: <UL> <LI> <A HREF=#МАРКИРОВАННЫЕ> маркированные и нумерованные </A> списки; <LI> списки <A HREF=#ОПРЕДЕЛЕНИЙ> определений</A>; <LI> <A HREF=#ВЛОЖЕННЫЕ> вложенные</A> списки; </UL> <HR noshade size=10 color=seagreen> <H2> <B> <A NAME=”МАРКИРОВАННЫЕ”> МАРКИРОВАННЫЕ И НУМЕРОВАННЫЕ </A> СПИСКИ </B> </H2>
<UL> <LH> <B> Животные в цирке Барни </B> </LH> <LI>Слоны <LI>Львы <LI>Медведи </UL>
<OL> <LH><B> График моего путешествия по Европе </B></LH> <LI> Прибытие самолетом в Париж <LI> Ночной переезд в Берлин <LI> Поезд в Вену <LI> Самолет в РИМ <LI> Возвращение в Париж, самолет домой </OL>
<P> А можно пронумеровать римскими цифрами. <OL TYPE=I> <LH><B> График моего путешествия по Европе </B></LH> <LI> Прибытие самолетом в Париж <LI> Ночной переезд в Берлин <LI> Поезд в Вену <LI> Самолет в Рим <LI> Возвращение в Париж, самолет домой </OL>
<HR noshade size=10 color=seagreen> <H2> <B> СПИСКИ <A NAME=”ОПРЕДЕЛЕНИЙ” >ОПРЕДЕЛЕНИЙ </A> </B></H2> <DL> <LH> <B> Теги списков </B> </LH> <DT> Тег UL </DT> <DD> Создает маркированный список </DD> <DT> Тег OL </DT> <DD> Создает нумерованный список </DD> <DT> Тег LI </DT> <DD> Используется как в нумерованном, так и в маркированном списке для назначения элементов списка </DD> <DT> Тег DL </DT> <DD> Создает список словарного типа, или список определений </DD> <DT> Тег DT </DT> <DD> Задает термин списка </DD> <DT> Тег DD </DT> <DD> Задает определение термина списка </DD> </DL>
<HR noshade size=10 color=seagreen> <H2> <B> <A NAME=”ВЛОЖЕННЫЕ”> Вложенные </A> списки </B></H2&
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Последнее изменение этой страницы: 2016-08-01; просмотров: 259; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.149.27.168 (0.013 с.) |