Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь КАТЕГОРИИ: АрхеологияБиология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия Экология ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Страница 3. Сохранить с именем 3.htm. ⇐ ПредыдущаяСтр 6 из 6
Определить самостоятельно что должно входить в графическую часть курсового проекта (рисунки помещаются в папку «иллюстрации»)
<html> <head> <title> Графическая часть</title> </head> <body bgcolor="blue"> <h1 align="center"> Графическая часть </h1> <div align="center"> <br> <br><img src="1.gif" > <br><img src="2.gif" > <br><img src="3.gif" > ---------- ------ ------ (рис.) ---------- ------ ------ (рис.) </div> </body> </html>
Задание № 5.3 Пусть в нашем проекте при щелчке мышью по маленькому рисунку, вызывается ее крупная фотография (находится в этой же папке сайта). Такой прием часто используют, для снижения времени загрузки страницы. Посетитель увидит уменьшенные копии рисунков, а при желании, сможет загрузить полномасштабное изображение. Дополним нашу страничку, введем текст в пустую строку в файл index1.htm.
< A HREF="carsk.jpg"><IMG SRC="carsk.gif" HEIGHT="75"></A>
Создание гиперссылочной навигации (кнопок, картинок или надписей) Создание ссылки на объект и закладок той же страницы. Чтобы построить ссылку на область внутри текущей страницы, первым делом следует дать такой области подходящее название. С этой целью применяется дескриптор <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 документа. Часто используется в таблицах стилей
|
||||||
Последнее изменение этой страницы: 2021-05-27; просмотров: 62; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.118.23.147 (0.017 с.) |