Языки HTML и CSS
Статья, 30 Января 2013, автор: пользователь скрыл имя
Краткое описание
Тег <base>
Описание
Элемент <base> определен внутри контейнера <head> и инструктирует браузер относительно полного базового адреса текущего документа. Тег <base> предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет тег <base>, определяет полный адрес документа и корректно загружает его.
Тег <basefont>
Тег <basefont> предназначен для задания шрифта, размера и цвета текста по умолчанию.
Синтаксис
<basefont>
Атрибуты
color
Устанавливает цвет текста.
face
Определяет гарнитуру шрифта.
size
Задает размер шрифта в условных единицах.
Файлы: 1 файл
на доску.doc
— 78.50 Кб (Скачать)Тег <head>
Описание
Внутри контейнера <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>
Описание
Элемент <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> предназначен для задания шрифта, размера и цвета текста по умолчанию.
Синтаксис
<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>
Описание
Тег <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>
Описание
Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. Тег <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>
Описание
<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>
Описание
Тег <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>
Описание
Тег <style> применяется для определения стилей элементов веб-страницы.
Синтаксис
<head>
<style type="text/css">
...
</style>
</head>
Атрибуты
media
Определяет устройство вывода, для работы с которым предназначена таблица стилей.
type
Сообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать стили.
Тег <title>
Описание
Определяет заголовок документа. Элемент <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>