Синтаксис
<cite>Текст</cite>
Закрывающий тег
Обязателен.
Атрибуты
Для этого тега доступны универсальные атрибуты и события.
Пример
HTML5IECrOpSaFx
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег CITE</title>
</head>
<body>
<p><em>Айзек Азимов</em></p>
<p><q>Нельзя сказать человеку: «Ты можешь творить.
Так давай, твори». Гораздо вернее подождать, пока он
сам не скажет: «Я могу творить, и я буду творить, хотите
вы этого или нет».</q></p>
<p><cite>http://www.asimovonline.com</cite></p>
</body>
</html>
Результат данного примера показан ниже.
Тег <blockquote> предназначен для выделения длинных цитат внутри документа. Текст, обозначенный этим тегом, традиционно отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов), а также с отбивкой сверху и снизу.
Синтаксис
<blockquote>Текст</blockquote>
Закрывающий тег
Обязателен.
Атрибуты
cite
Адрес, который указывает на источник цитаты.
Для этого тега доступны универсальные атрибуты и события.
Пример
HTML5IECrOpSaFx
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег BLOCKQUOTE</title>
</head>
<body>
<hr>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat
volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</blockquote>
<hr>
</body>
</html>
Результат данного примера показан на рис. 1.
Вариант 7. Условие: Создайте html-файл, результат которого показан на рисунке. Используйте тег <code>  .
Вариант 8. Условие: Создайте html-файл, результат которого показан на рисунке.
Вариант 9. Условие: Создайте html-файл, результат которого показан на рисунке. Используйте тег <abbr> для оформления аббревиатур. Обратите внимание, что при наведении на аббревиатуру появляется подсказка. Изображение – файл orig9.png. Кстати, последнюю строку на картинку тоже необходимо повторить, а также кавычки в заголовке.
Тег <abbr> указывает, что последовательность символов является аббревиатурой. С помощью атрибута title дается расшифровка сокращения, что позволяет понимать аббревиатуру тем людям, которые с ней не знакомы. Кроме того, поисковые системы индексируют полнотекстовый вариант сокращения, что может использоваться для повышения рейтинга документа.
Браузеры никак не выделяют текст внутри <abbr>, за исключением Opera до версии 15, которая добавляет к тексту пунктирное подчёркивание.
Синтаксис
<abbr>Текст</abbr>
Атрибуты
title
Добавляет всплывающую подсказку к тексту, в которой можно дать расшифровку аббревиатуры.
Также для этого тега доступны глобальные атрибуты и события.
Закрывающий тег
Обязателен.
Пример
HTML5IECrOpSaFx
<!DOCTYPE HTML>
<html>
<head>
<title>Тег ABBR</title>
<meta charset="utf-8">
<style>
abbr {
border-bottom: 1px dashed red; /* Пунктирное подчеркивание текста */
color: #000080; /* Темно-синий цвет текста */
}
</style>
</head>
<body>
<p><abbr title="Common Gateway Interface, общий шлюзовый интерфейс">CGI</abbr>
обозначается протокол, с помощью которого любые внешние программы взаимодействуют
с веб-сервером. С помощью CGI на сервере можно выполнять программы на любом
языке программирования и результат их действия выводить в виде веб-страницы.</p>
</body>
</html>
Результат данного примера показан на рис. 1.
Рис. 1. Вид всплывающей подсказки при наведении курсора мыши на текст аббревиатуры
Браузер Internet Explorer до 6 версии включительно не поддерживает тег <abbr>, взамен рекомендуется использовать тег <acronym>
Вариант 10. Условие: Создайте html-файл, результат выполнения которого показан на рисунке. Используйте теги html для оформления в виде таблицы. Обратите внимание, что в таблице присутствуют текстовые ссылки и ссылки-изображения. Изображение статьи можно скачать здесь. Кстати, последнюю строку на картинке тоже необходимо повторить.
Вариант 11. Условие: Создайте html-файл, результат которого показан на рисунке. Для этого добавьте изображение – файл orig11.jpg.. Далее укажите на изображении ссылочные области: клад, акула, осьминог, корабль. При наведении курсора на ссылочную область должна появляться подсказка. Используйте тег <progress> для элемента под изображением, наглядно показывающим какая часть пути до клада пройдена.
Вариант 12. Условие: Создайте html-файл, результат которого показан на рисунке. При клике на кнопку 'Очистить' поля формы обновляются, на кнопку 'Отправить' - происходит отправка данных на сервер методом POST.
Методы GET и POST используются для отправки данных HTML формы на сервер. В целом оба метода выполняют аналогичную функцию – передают на сервер введенные в форме данные. Отличия определяются применением каждого из методов.
Например, для формы:
<form action="myform.php" method="post">
<input type="text" name="data1">
<input type="text" name="data2">
<input type="submit" value="Отправить">
</form>
Если, в поля два текстовых поля формы ввести значения 15 и 20, то при выполнении GET-запроса, в адресной строке браузера будет явно виден url (адрес) страницы. Для такой формы это будет:
http://my_site.ru/myform.php?data1=15&data2=20
При выполнении передаче методом POST мы увидим лишь:
http://my_site.ru/myform.php
Никаких сведений о самих передаваемых данных здесь не увидеть.
Если, например, создается форма авторизации, то удобнее будет использовать POST запрос, т.к. в сохраненной браузером строке можно будет явно увидеть и логин и пароль.
GET же стоит использовать тогда, когда его результат можно полезно использовать для получения необходимой страницы повторно. Например, с параметрами необходимой сортировки или выборкой. Строку GET запроса можно увидеть в любом интернет поисковике.
Сохранив url, полученный методом GET, из адресной строки, можно всегда получить ту же страницу с уже подставленными данными, не заполняя форму отправки данных заново.
* Это не всегда срабатывает с поисковиками. Через некоторое время результат для сохраненной страницы будет меняться.
Если же форма будет отправляться методом POST, адрес полученной страницы будет всегда один, какие бы данные не вводились.
Объем передаваемой информации у этих методов тоже различен. С помощью GET лучше отправить небольшие тестовые данные. Максимальный объем здесь 4 Кб.
Для POST такого явного ограничения нет. Максимальный размер для него задается настройками сервера. Поэтому он подходит для загрузки файлов на сервер и передачи больших объемов текста.
Сервер принимает три типа запросов: GET, POST и HEAD. Запрос программы к Web-серверу выглядит следующим образом:
GET /index.html HTTP/1.0
Первая часть, в данном случае GET, — это метод запроса, вторая, index.html, — запрашиваемый URL, третья, HTTP/1.0, — протокол, используемый клиентом.
Два основных метода запроса — это GET и POST. Это те самые методы которые доступны вам при создании формы. Метод HEAD редко используется броузером, поскольку он запрашивает только заголовок ответа, а тело ответа в таком случае не передается. Например, для проверки того, не изменилась ли страница, броузер может запросить заголовок, но при этом не порождается полноценный обмен данными.