Маркированные списки задаются парным тегом <UL>. Открывающий тег может включать атрибут TYPE=, описывающий тип маркера:
· TYPE=”DISC” – круглый черный маркер (по умолчанию)
· TYPE=”SQUARE” – квадратный черный маркер
· TYPE=”CIRCLE” – маркер в виде колечка.
Нумерованные списки оформляются с помощью парного тега <OL>. Возможные значения атрибута TYPE= задают способ нумерации списка:
· TYPE=”1” – арабскими цифрами (1, 2, 3 …по умолчанию)
· TYPE=”a” – латинскими буквами нижнего регистра
· TYPE=”A” – латинскими буквами верхнего регистра
· TYPE=”i” – римскими цифрами с использованием нижнего регистра
· TYPE=”I”- римскими цифрами с использованием верхнего регистра.
Для нумерованных списков можно использовать атрибут START=, значением которого является число, указывающее номер первого элемента списка.
Элементы маркированных и нумерованных списков одинаково описываются тегом <LI>. Этот тег парный, но закрывающий указывать не обязательно.
Создание гиперссылок
Гиперссылки представляют собой текстовые элементы, позволяющие осуществить переход к другому документу или части текущего документа, если он содержит большое количество разделов. Отличие их от других элементов в том, что гиперссылка не может быть вложена в другую гиперссылку.
Создание гиперссылки производится с помощью элемента якоря, который задается при помощи парного тега <A>. Закрывающий тег обязателен. Текст гиперссылки представляет собой содержимое элемента якоря.
При создании гиперссылки открывающий тег якоря должен обязательно содержать атрибут HREF=. В качестве значения этого атрибута указывается адрес URL (Uniformed Resource Locator – унифицированный указатель ресурса), по которому произойдет переход в случае щелчка на гиперссылке. Этот адрес заключается в кавычки. URL-адрес определяет адрес любого файла, имеющегося в мировой компьтерной сети. Например, тег
<A HREF=”myfile.htm”> Переход по ссылке </A>
задает появление в окне гипертекста названия «Переход по ссылке», щелчок по которому открывает файл myfile.htm, находящийся в той же папке, что и исходный файл.
Гиперссылка отображается в броузере с использованием синего цвета и подчеркивания. При наведении указателя мыши на ссылку, он меняет форму (изображение кисти руки с вытянутым пальцем). В строке состояния броузера при этом появляется адрес, на который указывает ссылка. Ссылка может быть на любой файл как данного компьютера, так и других компьютеров сети. Адрес URL должен содержать полный путь к файлу из каталога, в котором хранится создаваемая Web-страница.
Ссылка не обязательно должна указывать на другую Web-страницу. Она может использовать любой из стандартных протоколов Интернета, распознаваемых броузером. Операция, выполняемая при щелчке мыши на ссылке, зависит от типа протокола и типа документа, указанного в ссылке.
Если текст ссылки недостаточно информативен, то можно указать вспомогательный заголовок, который задается в теге <A> с помощью атрибута TITLE=. Значением этого атрибута является текстовая строка, заключенная в кавычки. Обычно текст вспомогательного заголовка появляется во всплывающем окне. Например,
<A HREF=”myfile.htm” TITLE=”Переход к новому файлу”> Переход по ссылке</A>.
Внутренние гиперссылки
Позволяют быстро перейти к определенному месту внутри любого документа.
Чтобы можно было перейти внутрь какого-либо документа, он должен содержать именованный якорь, задающийся с помощью тега <A>, но для него обязательным является не атрибут HREF=, а атрибут NAME=. Значением этого атрибута может быть произвольная строка, содержащая только латинские буквы и цифры.
Например, можно поставить якорь около слов «Содержание» в тексте документа следующим образом:
<A NAME=”CONTENTS”>Содержание</A>
Именованный якорь является парным тегом, который должен иметь непустое содержание и обязательно должен быть закрыт. Значение имеет только точка размещения открывающегося тега – сюда произойдет переход по ссылке.
Чтобы сослаться на место в документе, надо указать имя, присвоенное именованному якорю, в адресе URL. Оно указывается после имени файла документа и отделяется от него символом #. Для перехода по ссылке внутри создаваемой Web-страницы имя файла указывать не надо:
<A HREF=”#CONTENTS”>Переход к содержанию</A>
Добавление графических элементов
Основной способ вставки рисунков в документ – использование тега <IMG>. Его обязательным атрибутом является SRC=, значение которого – адрес URL файла изображения. Например, тег
<IMG SRC=”picture.gif”>
добавляет в текст документа картинку из файла picture.gif, расположенного в том же каталоге, что и текущий создаваемый документ. Параметры WIDTH=ширина и HEIGHT=высота задают ширину и высоту рисунка в пикселях и указываются внутри тега IMG. Например, тег
<IMG SRC=”picture.gif” WIDTH=150 HEIGHT=150 >
задает размеры рисунка в 150 пикселей по вертикали и горизонтали.
Включение графических изображений в текст Web-страницы увеличивает объем данных, которые надо загружать при загрузке страницы броузером. В некоторых броузерах отключен режим загрузки графики. Чтобы дать понятие о том, что содержит незагруженное изображение, используется альтернативный текст, который задается атрибутом ALT=. Значение этого атрибута – строка текста, «заменяющего» изображение:
<IMG SRC=”tree.jpg” ALT=”[Дерево, растущее за моим окном]”>
Вместо рисунка дерева появляется пустая рамка, содержащая альтернативный текст, если отключен режим отображения графики. При включении отображения графики альтернативный текст появляется в окне всплывающей подсказки при наведении на рисунок маркера мыши. Обычно альтернативный текст дополнительно заключают в квадратные скобки.
Задание на лабораторную работу
В папке СТУДЕНТ/GrXXX создать в Блокноте текст на языке HTML для Web-страницы своей бригады. Текст сохранить в файле с указанием типа htm. Страница должна содержать любую интересную информацию о работе бригады. Кроме того, на каждого участника бригады должна быть своя страничка, где он рассказывает о себе (можно с иллюстрациями своих достижений). В основной странице бригады должны быть ссылки на страницы участников бригады и возвраты обратно на бригадную страницу. С использованием списков каждый человек должен составить свое резюме как о будущем специалисте.
Уважаемый посетитель!
Чтобы распечатать файл, скачайте его (в формате Word).
Ссылка на скачивание - внизу страницы.