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

Синтаксис:

<a href="URL">...</a>

<a name="идентификатор">...</a>

Гиперссылки. HTML-документ может содержать ссылки на другие ресурсы HTML. Такой механизм реализуется с помощью концепции URL.

Для реализации механизма используется элемент <a href = "URL "> текст якоря </ a>

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

Рисунки также могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылок. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.

Синтаксис

HTML

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

XHTML

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

Атрибуты

align - определяет как рисунок будет выравниваться по краю и способ обтекания текстом.

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

border - толщина рамки вокруг изображения.

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

hspace - горизонтальный отступ от изображения до окружающего контента.

ismap - говорит браузеру, что картинка является серверной картой-изображением.

longdesc - указывает адрес документа, где содержится аннотация к картинке.

src - путь к графическому файлу.

vspace - вертикальный отступ от изображения до окружающего контента.

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

Таблицы формируются с помощью тега <table>. Атрибут border = число формирует прямоугольник с заданной толщиной: <tr> - начало каждой строки в таблице; <td> - начало текущего элемента в строке; <th> заголовок </ th> - заголовок таблицы; <caption> текст </ caption> - подпись к таблице.

Задание на лабораторную работу:

  1. Разметить страницу средствами HTML.

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

    2. Использовать теги заголовков для названия разделов.

    3. Фотографию разместить в тексте, использовать свойство float=left

    4. Состав группы реализовать в виде списка.

    5. Интервью оформить тегами <b> <u><i>

    6. Дискографию оформить в виде таблицы

  2. Представить выполненую работу в виде файла с расширением name.html

  3. Протокол должен содержать в себе исходный код страницы.

Пример выполнения:

Ария (группа) (заголовок h1)

«А́рия» — российская группа, играющая в жанре хеви-метал, музыка которой выдержана в стиле групп новой волны британского хеви-металла.

«Ария» является одной из старейших и самых успешных метал-групп России, при этом это одна из немногих российских групп, достигших серьезного коммерческого и творческого успехов и популярности за пределами поклонников хэви-метала[1][2]. Лауреат премии Fuzz 2007 года как лучшая live-группа. Её бывшими участниками были образованы многие другие известные группы («Мастер», «Кипелов», «Маврин», «Артерия», «Артур Беркут») которые вместе составляют плеяду, называемую «семейка Арии»[3][4][5].