Лабораторная работа. Язык разметки HTML: Гиперссылки. Использование изображений на странице
Цель. Знакомство со ссылками и изображениями на веб-странице. Работа с глобальными и локальными ссылками.
Гиперссылки
Внешняя ссылка
Ссылки являются основой гипертекстовых документов и позволяют переходить с одной веб-страницы на другую. Особенность их состоит в том, что сама ссылка может вести не только на HTML-файлы, но и на файл любого типа, причем этот файл может размещаться совсем на другом сайте. Главное, чтобы к документу, на который делается ссылка, был доступ. Иными словами, если путь к файлу можно указать в адресной строке браузера, и файл при этом будет открыт, то на него можно сделать ссылку.
Гипертекстовая ссылка – это указатель адреса в глобальной сети, по которому можно перейти из окна браузера.
Корректный переход по ссылке возможен, если:
ресурс, на который ссылаемся, функционирует в реальном времени;
ссылка корректно оформлена.
Любая гиперссылка состоит из двух частей:
указателя ссылки («якоря»);
адреса ресурса.
По умолчанию браузеры выделяют ссылку подчеркиванием и синим цве- том. При наведении курсора мыши на ссылку указатель принимает вид руки с указательным пальцем. В качестве указателя ссылки может выступать текст (отдельное слово, фразы и страницы текста), изображение, таблица и т.д. До- пускается также объединение графики и текста в рамках единого указателя ссылки.
Указатель ссылки описывается тегом .
Тег
|
Атрибуты
|
Описание
|
|
|
Задает ссылку.
|
|
download
|
При его наличии браузер не переходит по ссылке, а предлагает скачать указанный по
ссылке документ.
|
|
href
|
Задает адрес, по которому следует перейти. Обязательный атрибут.
Адрес может быть абсолютным, т.е. задавать весь путь к внешнему ресурсу (href HYPERLINK "http://vk.com/"=" HYPERLINK "http://vk.com/"http HYPERLINK "http://vk.com/":// HYPERLINK "http://vk.com/"vk HYPERLINK "http://vk.com/". HYPERLINK "http://vk.com/"com HYPERLINK "http://vk.com/"") и относительный, со- держащий ссылку на некоторую страницу
(href="secondPage.html").
|
|
name
|
Задает имя якорю. Используется для органи-
зации внутренних переходов по странице.
|
|
target
|
Указывает, в каком окне открыть страницу:
_blank (в новом окне);
_self (в текущем окне).
|
|
title
|
Всплывающая подсказка.
|
Пример
|
Открытие ссылки в текущем и новом окне.
|
Если не знаешь ответа на вопрос,
href="http://www.google.com">погугли.
Если не нашел ответа на вопрос, почитай, как
href="http://www.runetica.com/profiles/google/cheatsheet.html"
target="_blank">гуглить эффективно
href="dog.html">Собаки
href="cat.html">Кошки
Ссылка на сайт phphtml.net.
href="http://htmlbook.ru">Изучение HTML
Меню
href="#theme1">Введение
href="#theme2">Ход работы
name="theme1">
Введение
. . . . . . . . .
name="theme2">
Ход работы
. . . . . . . . .
src="http://webimg.ru/themes/cloverfield/images/ref_collage.gif" alt="Это абсолютный адрес размещения изображения">
src="/example/images/home.png"
alt="Адрес размещения изображения относительно корня сайта">
src="images/home.png"
alt="Адрес размещения изображения относительно текущего HTML-документа">
src="images/robot.jpg" alt="Девочка и робот" width="300" height="388">
href="index.html"> src="images/home.png" alt="Вернуться на главную страницу" title="Главная страница">
![]() src="images/figure.jpg" width="100" height="111" alt="Винни-Пух">
src="images/figure.jpg" width="200" height="222" alt="Винни-Пух">
![]() src="fractal_1.jpg" height="130" align="left" hspace="10">
![]() src="fractal_2.jpg" height="130" align="right" hspace="10">
Фракталы
|
Термин "фрактал" введен Бенуа Мандельбротом в 1975 г. и получил широкую известность с выходом в 1977 году
его книги "Фрактальная геометрия природы".
С конца XIX века в математике появляются примеры самоподобных фигур с неклассическими свойствами. К ним можно отнести:
множество Кантора;
треугольник Серпинского;
кривую Пеано.
border="1" width="560" align="center" bgcolor="#F1E4C5" cellpadding="7">
bgcolor="#CCC2ED">
colspan="2">Заголовок |
width="200">Изображение |
Описание |
colspan="2">Изображения |
|
Скачать 1.54 Mb.