Опубликован: 06.10.2006 | Доступ: свободный | Студентов: 4502 / 504 | Оценка: 3.94 / 3.86 | Длительность: 24:58:00
Дополнительный материал 1:

Приложение А. Список тэгов HTML

< Лекция 22 || Дополнительный материал 1: 1234 || Дополнительный материал 2 >

Ниже приведены наиболее широко используемые тэги и атрибуты 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, который не появится на вашей странице в браузере.

< Лекция 22 || Дополнительный материал 1: 1234 || Дополнительный материал 2 >