| Россия |
Преподаватель
Вы можете этот курс.
Опубликован: 06.10.2006 | Уровень: для всех | Доступ: свободно
Дополнительный материал 1:
Приложение А. Список тэгов HTML
Ключевые слова: HTML, microsoft, workshop, developer, netscape, текстовый файл, маркированный список, matte, robotically, MIDI, quicktime, noframes
Ниже приведены наиболее широко используемые тэги и атрибуты HTML и рассмотрены примеры, которые могут оказаться полезными. Тэги организованы по их функциям. Чтобы сделать этот раздел более коротким и удобным для использования, в него включены только наиболее используемые тэги и атрибуты. За полным списком тэгов, атрибутов и возможных значений обратитесь к описанию HTML на www.w3.org/tr/html4 или к описанию HTML для двух наиболее распространенных браузеров на msdn.microsoft.com/workshop/author и developer.netscape.com/docs/manuals/htmlguid.
Основная структура страницы HTML
Страница HTML – это текстовый файл со следуюшей основной структурой:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<title>Page Title</title>
</head>
<body>
<!--Insert page content here-->
</body>
</html>Первая строка является необязательной, но она сообщает HTML программам подтверждения (вроде сервиса на www.w3.org), какую версию HTML вы собираетесь использовать на своей странице.
Структура и тэги заголовка страницы
<HTML>…</HTML>
Заключите в эти блоки всю страницу HTML.
<HEAD>…</HEAD>
Включите в этот блок тэг <TITLE> и другие тэги общей информации о странице (вроде <META> и <STYLE>).
<BODY>…</BODY>
Включите содержимое страницы в этот блок, идущий после раздела <HEAD>. Используйте атрибуты для управления видом страницы, включая текст и цвет фона.
| Возможный результат | |
|---|---|
<body bgcolor="#cccc99"
text="#003300"> |
Устанавливает цвет фона и текста |
<body link="#993300"
alink="#cc6600"
vlink="#993333"> |
Устанавливает цвет обычной, активной и посещенной гиперссылки |
<body background="images/bkgd.gif"> |
Устанавливает фоновый рисунок |
<body leftmargin=0
topmargin=0
marginwidth=0
marginheight=0> |
Страница появляется в левом верхнем углу окна браузера. (Используйте все четыре атрибута для поддержки и Internet Explorer и Netscape) |
<TITLE>…</TITLE>
Обеспечивает заголовок страницы, который появляется в строке заголовка браузера.
<META>
Устанавливает переменные для страницы. При указании атрибута http-equiv ваш веб-сервер посылает переменные в браузер (как заголовок HTTP) до отправления страницы.
| Возможный результат | |
|---|---|
<meta http-equiv="Content-Type" content="text/html charset=windows-1252"> |
Браузеры с другими параметрами языка будут правильно отображать специальные символы |
<meta http-equiv="Refresh"content="7"> |
Браузер обновляет страницу каждые 7 секунд |
<meta http-equiv="Refresh" content="7; URL=http://microsoft.com"> |
Браузер переадресует посетителя на microsoft.com через 7 секунд |
<meta name="keywords"content="soup, nuts,kitchen sinks"> |
Ключевые слова для вашей страницы доступны для поисковых систем, которые их используют |
<BASE>
Установливает "базовый" сетевой адрес для гиперссылок (вместо положения страницы). Или, используется на страницах с фреймами для указания целевого фрейма для гиперссылок.
| Возможный результат | |
|---|---|
<base href="http://www.callahansoftware.com/"> |
Все родственные гиперссылки обращаются к указанному веб сайту, даже если страница расположена не здесь |
<base target=main> |
Все гиперссылки загружают страницы в фрейм с названием "main" |
<LINK>
Ссылается на внешнюю таблицу стилей или создает отношения с другой страницей или файлом.
| Возможный результат | |
|---|---|
<link rel="stylesheet"type="text/css" href="styles.css"> |
Страница использует стили, найденные во внешней таблице стилей styles.css |
<link rel="shortcut icon" href="favicon.ico"> |
Internet Explorer использует указанный файл значка для меню Favorites |
<STYLE>…</STYLE>
Обеспечивает стиль из каскадированных таблиц стилей (cascading style sheet, сокращенно CSS) для страницы. Кратко о CSS которые вы можете создать, см. Приложение В.
<SCRIPT>…</SCRIPT> и <NOSCRIPT>…</NOSCRIPT>
Обеспечивает код сценария, вроде JavaScript, для вашей страницы. Можно использовать блок <NOSCRIPT>, чтобы написать альттернативный HTML для браузеров, которые не понимают сценарии.
| Возможный результат | |
|---|---|
<script language="JavaScript">
<!--
if (document.styleSheets)
window.location='new.htm';.
//-->
</script> |
Этот код переадресовывает посетителей, использующих Internet Explorer 4 или более поздних версий или Netscape 6 или более поздних версий на страницу с названием new.htm; благодаря индикаторам комментария сценарий будет проигнорирован старыми браузерами |
<!-- comment -->
позволяет вам ввести комментарии в ваш HTML, который не появится на вашей странице в браузере.
