Автор: Пользователь скрыл имя, 30 Января 2013 в 02:16, статья
Тег <base>
Описание
Элемент <base> определен внутри контейнера <head> и инструктирует браузер относительно полного базового адреса текущего документа. Тег <base> предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет тег <base>, определяет полный адрес документа и корректно загружает его.
Тег <basefont>
Тег <basefont> предназначен для задания шрифта, размера и цвета текста по умолчанию.
Синтаксис
<basefont>
Атрибуты
color
Устанавливает цвет текста.
face
Определяет гарнитуру шрифта.
size
Задает размер шрифта в условных единицах.
Внутри контейнера <head> допускается размещать следующие элементы: <base>, <basefont>, <bgsound>, <link>, <meta>, <script>, <style>, <title>.
<head>
...
</head>
Пример
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/
<html>
<head>
<!-- Этот раздел предназначен для заголовка страницы и технической информации. -->
</head>
<body>
<!-- А здесь надо размещать все, что хочется увидеть на странице. -->
</body>
</html>
Элемент <base> определен внутри контейнера <head> и инструктирует браузер относительно полного базового адреса текущего документа. Тег <base> предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет тег <base>, определяет полный адрес документа и корректно загружает его.
Если адрес документа указан как
<base href="http://www.megasite.ru/
то при добавлении рисунков достаточно использовать относительный адрес
<img src="images/labuda.gif">.
При этом полный
путь к изображению будет http://www.megasite.ru/hzchd/
что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая веб-страница. Также можно применять и иерархическую систему пути с двумя точками.
Так, если изображение
добавляется как <img src="../images/labuda.gif">, то полный путь
к файлу будет http://www.megasite.ru/images/
Второе применение тега <base> — задание целевого окна для всех ссылок на текущей странице.
<head> <base ...> </head> |
href
Адрес, который должен использоваться для указания полного пути к файлам.
target
Имя окна или фрейма, куда будет загружаться документ, открываемый по ссылке.
Пример
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег BASE</title>
<base target="_blank">
</head>
<body>
<p><a href="1.html">Ссылка</a></p>
</body>
</html>
Тег <basefont> предназначен для задания шрифта, размера и цвета текста по умолчанию.
<basefont>
color
Устанавливает цвет текста.
face
Определяет гарнитуру шрифта.
size
Задает размер шрифта в условных единицах.
Пример
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег BASEFONT</title>
</head>
<body>
<basefont face="Arial, Helvetica, sans-serif" size="4" color="maroon">
<p>Добро пожаловать на мою страничку, которая оформлена с использованием
тега BASEFONT</p>
</body>
</html>
Тег <bgsound> определяет музыкальный файл, который будет проигрываться на веб- странице при ее открытии.
<head>
<bgsound атрибуты>
</head>
balance
Управляет балансом звука между правой и левой колонками.
loop
Устанавливает, сколько раз проигрывать музыкальный файл.
src
Путь к музыкальному файлу.
volume
Задает громкость звучания музыки.
Пример
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег BGSOUND</title>
<bgsound src="town.mid" loop="-1">
</head>
<body>
...
</body>
</html>
Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. Тег <link> размещается всегда внутри контейнера <head> и не создает ссылку.
<head> <link атрибуты> </head> |
charset
Кодировка связываемого документа.
href
Путь к связываемому файлу.
media
Определяет устройство, для которого следует применять стилевое оформление.
rel
Определяет отношения между текущим документом и файлом, на который делается ссылка.
sizes
Указывает размер иконок для визуального отображения.
type
MIME-тип данных подключаемого файла.
Пример
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег LINK</title>
<link rel="stylesheet" href="ie.css">
<link rel="alternate" type="application/rss+xml"
title="Статьи
с сайта htmlbook.ru" href="http://htmlbook.ru/rss.
<link rel="shortcut
icon" href="http://htmlbook.ru/
</head>
<body>
<p>...</p>
</body>
</html>
<meta> определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Атрибуты любого метатега сводятся к парам «имя=значение», которые определяются ключевыми словами content, name или http-equiv.
<head> <meta content="..."> </head> |
charset
Задает кодировку документа.
content
Устанавливает значение атрибута, заданного с помощью name или http-equiv.
http-equiv
Предназначен для конвертирования метатега в заголовок HTTP.
name
Имя метатега, также косвенно устанавливает его предназначение.
Пример
<!DOCTYPE HTML>
<html>
<head>
<title>Тег META</title>
<meta charset="utf-8">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.
</head>
<body>
<p>...</p>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег META, атрибут http-equiv</title>
<meta http-equiv="expires" content="Sun, 01 Jan 2013 07:01:00 GMT">
</head>
<body>
<p>...</p>
</body>
</html>
Тег <script> предназначен для описания скриптов, может содержать ссылку на программу или ее текст на определенном языке. Скрипты могут располагаться во внешнем файле и связываться с любым HTML-документом.
<script type="тип">
...
</script>
<script type="тип" src="URL"></script>
defer
Откладывает выполнение скрипта до тех пор, пока вся страница не будет загружена полностью.
language
Устанавливает язык программирования на котором написан скрипт.
src
Адрес скрипта из внешнего файла для импорта в текущий документ.
type
Определяет тип содержимого тега <script>.
Пример
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег SCRIPT</title>
</head>
<body>
<script type="text/javascript">
document.write ('<table width="100%" border="1">');
for (i=1; i<6; i++) {
document.writeln("<tr>");
for (j=1; j<6; j++) document.write("<td>" + i + j + "<\/td>");
document.writeln("<\/tr>");
}
document.write ("<\/table> ");
</script>
</body>
</html>
Тег <style> применяется для определения стилей элементов веб-страницы.
<head>
<style type="text/css">
...
</style>
</head>
media
Определяет устройство вывода, для работы с которым предназначена таблица стилей.
type
Сообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать стили.
Определяет заголовок документа. Элемент <title> не является частью документа и не показывается напрямую на веб-странице. Допускается использовать только один тег <title> на документ и размещать его в контейнере <head>.
<head>
<title>Заголовок</title>
</head>
Пример. Использование тега <title>
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/
<html>
<head>
<title>htmlbook.ru - Как правильно писать заголовок страницы</title>
</head>
<body>
<p>...</p>
</body>
</html>