Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
1 уровень.doc
Скачиваний:
5
Добавлен:
01.07.2025
Размер:
606.72 Кб
Скачать

Вопрос 10

Структура HTML-страницы:

 

<HTML>

<HEAD>

описание заголовка

</HEAD>

<BODY>

текст документа

</BODY>

</HTML>

<HTML>...</HTML> - границы HTML-программы

Любой HTML-документ должен начинаться (и заканчиваться) тегом <HTML>...</HTML>. Этот тег указывает на то, что данный документ содержит в себе HTML-текст.

Web-документ разбивается на две логические части: заголовок и содержание.

<HEAD> ... </HEAD> - заголовок HTML-программы

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

<BODY> ... </BODY> - содержание HTML-программы

Основное содержание страницы помещается в тег <BODY> ... </BODY>. Его также называют телом программы.

Вопрос 11

«Гиперссылки в HTML» – пятый урок учебника HTML. В этом уроке речь пойдет об использовании гипертекстовых ссылок. На гипертекстовых связях основан любой web документ, поэтому уметь работать со ссылками обязан каждый веб мастер.  

Правила использования гипертекстовых ссылок.

Гиперссылки в HTML необходимы для связи различных документов, как в пределах одного сайта, так и в пределах всей сети интернет. Для создания гипертекстовых связей (гиперссылок) используется дескриптор <a>:

<a href="адрес_документа">текст ссылки</a>

При помощи атрибута href передается адрес документа, на который указывает ссылка.

В качестве гиперссылки могут выступать любые объекты, в том числе и изображения.

Ссылаться можно не только на разные документы, но и на различные части этих документов. Для этого в некоторой части документа необходимо разместить так называемый якорь – конструкцию вида <a name="название якоря "></a>, а затем сослаться на нее, указав в атрибуте href следующий код:

href="http://www.eltisbook.ru.#название якоря"

Если браузер не сможет найти указанный именованный якорь на вызываемой странице, то переход просто произойдет на начало документа, при этом не возникнет никаких ошибок.

Гипертекстовые связи могут осуществляться по множеству протоколов. Наиболее часто используемые представленны ниже:

  • HTTP – протокол – стандартный протокол гипертекстовых связей, предназначенный для разовой передачи блоков информации.

  • FTP – протокол – уневерсальный протокол передачи файлов. Требует авторизации.

  • MAILTO – стандартный протокол передачи почты.

Настройка гиперссылок в html.

Атрибут target, тега <a> определяет как откроется новая страница и принимает следующие значения:

  • _self – документ откроется в текущем окне

  • _parent – во фрейме – родителе текущего фрейма

  • _top – в главном окне всей фреймовой структуры

  • _blank – документ откроется в новом окне

Например для открытия страницы с контактами в новом окне необходимо использовать следующий код:

<a href="http://www.eltisbook.ru/contact/contact.php" target="_blank">Контакты</a>

Придать гиперссылкам особенный вид можно при помощи атрибутов LINK, ALINK, VLINK, где:

  • Link – определение внешнего вида еще не посещенных ссылок.

  • Alink – определение внешнего вида уже посещенных ссылок.

  • Vlink – определение внешнего вида выделенных ссылок.

На сайт можно ставить изображения в формате jpg, gif и png. Можно и других форматов, но они используются очень редко. Для небольших изображений, не имеющих большого количества цветов,я посоветовал бы формат gif. Для больших же картинок требующих качественного отображения можно использовать png. У него хорошее сжатие при максимальном качестве. Ну а jpg всё таки тяжеловат,хотя если использовать его в меру, то всё будет нормально.

Для вставки изображения в HTML используется одиночный тэг

<img srс="xxx.jpg"> ,где xxx.jpg название файла изображения. Если по правильному то картинка  должна хранится в отдельной папке, например picture. Конечно изображения можно хранить и не в папке, но это будет не совсем удобно.

Если картинка находится в папке picture html код будет такой:

<img srс="picture/xxx.jpg">

Если на другом сайте в папке image то будет так:

<img srс="http://www.site.ru/image/xxx.jpg>

Также существуют атрибуты для этого тэга.

align - выравнивание по горизонтали

Имеет значения left и right. Если изображение будет в тексте, этими значениями можно управлять обтеканием текта. Если картинка имеет выравнивание по левому краю, то текст будет обтекать её справа. Если картинка по правому краю, то соответственно текст будет слева.

hspace (horizontal space) - отступ по горизонтали от других обьектов, картинок или текста

Значения задаются в пикселях.