Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ

Страница 3. Сохранить с именем 3.htm.

⇐ ПредыдущаяСтр 6 из 6

Определить самостоятельно что должно входить в графическую часть курсового проекта (рисунки помещаются в папку «иллюстрации»)

<html>

<head>

<title> Графическая часть</title>

</head>

<h1 align="center"> Графическая часть </h1>

<br>

---------- ------ ------ (рис.)

</div>

</body>

</html>

Задание № 5.3

Пусть в нашем проекте при щелчке мышью по маленькому рисунку, вызывается ее крупная фотография (находится в этой же папке сайта).

Такой прием часто используют, для снижения времени загрузки страницы. Посетитель увидит уменьшенные копии рисунков, а при желании, сможет загрузить полномасштабное изображение. Дополним нашу страничку, введем текст в пустую строку в файл index1.htm.

< A HREF="carsk.jpg"><IMG SRC="carsk.gif" HEIGHT="75"></A>

Создание гиперссылочной навигации (кнопок, картинок или надписей)
внутри Web-страниц

Создание ссылки на объект и закладок той же страницы. Чтобы построить ссылку на область внутри текущей страницы, первым делом следует дать такой области подходящее название. С этой целью применяется дескриптор <A> с атрибутом NAME. Имя должно содержать только буквы и/или цифры.

Теперь, когда область страницы поименована, на нее можно ссылаться как обычно, с помощью дескриптора <A> и атрибута HREF. Когда пользователь выбирает подобную гиперссылку в окне браузера, на экране воспроизводится требуемая часть web-страницы.

При создании нескольких гиперссылок внутри страницы не забывайте снабжать соответствующие разделы документа уникальными именами.

Гиперссылка внутри одного файла.

Для задания гипертекстового перехода внутри документа используют два тега <A>.

- Первая команда с атрибутом href является источником перехода, а вторая с атрибутом name – приемником:

<A href=#метка> текст или рисунок </A> Задание перехода по метке (закладке) На экран выводится ссылка.

<A name=метка></A> Метка. Сюда браузер переходит по ссылке. На экране ничего не отображается.

Метка – набор символов (латинских букв и (или) цифр).

Рисунок как гиперссылка:

<A href=имя_файла1> <IMG src=имя_файла height=число> </A>

Текст как гиперссылка:

<A href=имя_файла> текст </A>

1. Щелкните непосредственно перед началом области, на которую необходимо ссылаться (создание закладки).

2. Введите <A NAME=”?”>, заменяя? строкой, содержащей наименование раздела страницы. Имя должно состоять из букв и/или цифровых символов.

3. Наберите </A>, чтобы завершить конструкцию имени раздела страницы, служащего объектом гиперссылки.

Задание № 5.4

Создание закладок (меток) и гиперссылки, указывающей на область web- страницы созданного сайта 1. Щелкните непосредственно перед фрагментом текста или дескриптором графического изображения, которые должны выполнять функцию гиперссылки, указывающей на поименованную ранее область страницы (вставка закладок).

1 Наберите <A HREF=”?”>, заменяя? строкой имени, введенного при выполнении п.2 инструкции.

2 Введите </A> непосредственно после выбранного фрагмента текста или дескриптора изображения.

3 Щелкните на тексте гиперссылки, чтобы перейти к указанной области web-страницы.

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

Например,

<A NAME=”top”> Оглавление</A>

<A HREF=#top>_{Вернуться к началу}</A>

СПРАВОЧНОЕ ПРИЛОЖЕНИЕ по HTML

Основные теги

<html> </html> Указывает программе просмотра страниц, что это HTML документ.

<head> </head> Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.

<body> </body> Определяет видимую часть документа

Теги оглавления

<title> </title> Помещает название документа в оглавление программы просмотра страниц

Атрибуты тела документа

<body bgcolor=?> Устанавливает цвет фона документа, используя значение цвета в стандарте RGB - пример: FFFF00 - желтый цвет.

<body text=?> Устанавливает цвет текста документа, используя значение цвета в стандарте RGB - пример: 00ff00 - зеленый цвет.

<body link=?> Устанавливает цвет гиперссылок, используя значение цвета в стандарте RGB - пример: 00FF00 - зеленый цвет.

<body vlink=?> Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде стандарте RGB - пример: 333333 - темно-серый цвет.

<body alink=?> Устанавливает цвет гиперссылок при нажатии.

Теги форматирования текста

<pre> </pre> Обрамляет предварительно отформатированный текст. (как есть!)

<h1> </h1> Создает самый большой заголовок (как отдельный абзац)

<h6> </h6> Создает самый маленький заголовок

<b> </b> Создает жирный текст

^{<i> </i>} Создает наклонный текст

<tt> </tt> Создает текст - имитирующий стиль печатной машинки.

<cite> </cite> Используется для цитат, обычно наклонный текст.

<em> </em^> Используется для выделения из текста слова (наклонный или жирный текст)

<font size=?> </font> Устанавливает размер текста в пределах от 1 до 7.

<font color=?> </font> Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

Гиперссылки

<a href="URL">ТЕКСТ</a> Создает гиперссылку на другие документы или часть текущего документа. Здесь URL адрес ссылки, ТЕКСТ - текст ссылки.

<a href="URL">

< img src="imgURL" > </a> Создает гиперссылку на рисунок, находящийся по адресу imgURL.

"URL" = "links/main.htm" Адрес документа main.htm, находящегося в локальной папке links данного компьютера.

"URL" = "http://www.rambler.ru" Ссылка на ресурс, находящийся на удаленном компьютере. В адресе присутствуют: программа связи с удаленным компьютером http (H yper T ext T ransfer P rotocol, разделители :// и интернет (IP) адрес искомого ресурса (в данном случае поискового сервера Rambler).

<a href="mailto:EMAIL"> </a> Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу.

<a name="NAME"> </a> Отмечает часть текста как место перехода по гиперссылке в документе.

<a href="#NAME"> </a> Создает гиперссылку на помеченную часть текущего документа.

Форматирование

<p> Создает новый параграф

<p align=?> Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center

<center> </center> Выравнивает строку текста по центру

<blockquote> </blockquote> Создает отступы с обеих сторон текста.

<dl> </dl> Создает список определений. Штанга <dt> Основной снаряд в тяжелой атлетике. Состоит из стального грифа (стержня) со втулками на концах и свободно надевающихся металлических дисков. <dd>

<dt> Определяет каждый из терминов списка

<dd> Описывает каждое определение

<ol> </ol> Создает нумерованный список

<li^> Определяет каждый элемент списка и присваивает номер

<ul> </ul> Создает ненумерованный список

<li> Предваряет каждый элемент списка и добавляет кружок или квадратик.

<div align=?> Тег, используемый для форматирования больших блоков текста HTML документа. Часто используется в таблицах стилей

⇐ Предыдущая 1 2 3 4 56

Читайте также:

Формы дистанционного обучения

Передача мяча двумя руками снизу

Значение правильной осанки для жизнедеятельности человека

Основные ошибки при выполнении передач мяча на месте

Последнее изменение этой страницы: 2021-05-27; просмотров: 59; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.188.175.182 (0.012 с.)