Теги гиперссылок и ссылок на изображение

Тег <a> служит для создания гиперссылок на сайте. Ссылка может ссылаться на файлы, другие страницы сайта, на другие сайты и т. д. Этот тег является необходимым при создании сайтов.

Параметры

href - адрес документа, на который ведет ссылка.

name - присваивает имя элементу

charset - кодировка документа, на который ведет ссылка.

title - всплывающая подсказка

target - устанавливает имя окна, где будет загружаться документ.

Конструкция

<a href="http://www.site.ru" >ссылка на сайт</a>

Тег <img> служит для вставки на web - страницу графических изображений. У этого тега есть один обязательный параметр scr, который задает путь к изображению.

Параметры

align - устанавливает выравнивание изображения.

alt - задает альтернативный текст.

border - устанавливает толщину рамки.

height - задает высоту изображения.

src - указывает путь к файлу.

width - Ширина изображения.

usemap - ссылка на тег <map>, содержащий координаты для клиентской карты-изображения.

Конструкция

<img src="/URL" alt="альтернативный текст">

 

Теги разметки таблицы

Тег <caption> создает заголовок к таблице. Этот тег используется только в контейнере <table> после открывающего тега.

Тег <table> используется для создания таблиц в web - документе.

Тег <col> устанавливает характеристики для колонок таблицы.

Тег <colgroup> по своему предназначению схож с тегом <col>.

Тег <thead> используется для создания хранилища для одной или нескольких строк. Браузеры выводят этот тег в верху таблицы. Возможно только единоразовое использование этого тега в одной таблице. Тег должен находиться сразу после тега <table>.

Тег <tbody> используется для группировки строк в таблице. Это позволяет задавать определенным группам разные стили. Возможно использовать несколько тегов <tbody> в контейнере <table>.

Тег <td>- Создаёт отдельную ячейку в таблице.

Тег <th>- Создаёт ячейку в таблице которая определяется как заголовок.

 

Формы и элементы форм

Форма передаёт web-стр. свойства интерактивности.

Форма является не отдельным окном, а частью web-стр.

Тег <form> используется для создания форм на web - странице. Форма необходима для обмена данными между пользователем и сервером. Внутри контейнера <form> можно помещать любые теги.

Правила

1)Формы нельзя вкладывать друг в друга,но можно разместить их друг за другом на одной стр.

2) Тег не имеет обязательных атрибутов, но существуют распространенные:

Action - указывает адрес, по которому выполняется обработка формы

Method - задает метод отправки данных

Method = GET или POST

GET — данные передаются в адресной строке в виде пар «имя=значение» (по умолчанию)

POST — посылает данные в запросе браузера. Применяется для отправки данных большого объема

Создание формы

Тег <input> является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом <input> предназначен для создания текстовых полей, различных кнопок, переключателей и флажков.

Тег <select> используется для создания выпадающего списка. Они бывают двух видов: выбор одного элемента и выбор нескольких элементов одновременно. Для создания элементов списка используется тег <option>.

Тег <option> используется для создания элемента выпадающего списка. Этот тег должен находится внутри контейнера <select>.

Тег <textarea> используется для создания поля ввода текста. В поле, созданным при помощи этого тега, можно делать переносы строк. Внутри контейнера <textarea> можно помещать текст, который будет отображаться в этом поле при загрузке страницы.

Навигационные карты

Навигационная карта – изображение с активными (навигационными) участками

<MAP>-создание навигационной карты

атрибуты:

name - имя карты- изображения

<area> - определяет активные области изображения которые является ссылками

атрибуты:

alt – альтернативный текст для области изображения

coords – координаты активной области

href – адрес документа, на который следует перейти

nohref – область без ссылки на другой документ

share – форма области

target – имя окна или фрейм, куда браузер будет загружать элемент

Фреймы

Фрейм (frame) — это отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне web-браузера.

Фреймы по своей сути очень похожи на ячейки таблицы, однако более универсальны. Фреймы разбивают web-страницу на отдельные мини-кадры, расположенные на одном экране, которые являются независимыми друг от друга. Каждое окно может иметь собственный адрес. При нажатии на любую из ссылок, расположенных в одном фрейме, вы можете рассматривать страницы, показанные в другом окне.

Фреймы довольно часто использовались для навигации по web-сайту. При этом навигационная страница располагается в одном окне, а страницы с текстом - в другом.

В современном WWW использование фреймов не рекомендовано. Главным образом это связано, как ни странно, с алгоритмами работы поисковых машин, которые могут привести пользователя к html-документу, являющемуся согласно задумке лишь одним из фреймов того, что автору сайта хотелось бы представить. Данный недостаток фреймов успешно устраняется средствами JavaScript[1].

Описание

Тег <FRAME> определяет свойства отдельного фрейма, на которые делится окно браузера. Этот элемент должен располагаться в контейнере <FRAMESET>, который к тому же задает способ разметки страницы на отдельные области. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью параметра src. Хотя обязательных атрибутов у тега <FRAME> и нет, рекомендуется задавать каждому фрейму имя через атрибут name. Это особенно важно, если требуется по ссылке из одного фрейма загружать документ в другой.

Синтаксис: <frameset> <frame> </frameset>