Языки HTML и CSS

Автор: Пользователь скрыл имя, 30 Января 2013 в 02:16, статья

Краткое описание

Тег <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/strict.dtd">

    <html>

      <head>

       <!-- Этот раздел предназначен для заголовка страницы и технической информации. -->

      </head>

     

      <body>

       <!-- А здесь надо размещать все, что хочется увидеть на странице. -->

      </body>

     </html>


     

    Тег <base>

    • Описание

    Элемент <base> определен внутри контейнера <head> и инструктирует браузер относительно полного базового адреса текущего документа. Тег <base> предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет тег <base>, определяет полный адрес документа и корректно загружает его.

    Если адрес документа указан как

    <base href="http://www.megasite.ru/hzchd/">,

    то при добавлении рисунков достаточно использовать относительный адрес

     <img src="images/labuda.gif">.

    При этом полный путь к изображению будет  http://www.megasite.ru/hzchd/images/labuda.gif,

    что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая веб-страница. Также можно применять и иерархическую систему пути с двумя точками.

    Так, если изображение добавляется как <img src="../images/labuda.gif">, то полный путь к файлу будет http://www.megasite.ru/images/labuda.gif.

    Второе применение тега <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/loose.dtd">

    <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/strict.dtd">

    <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.xml">

       <link rel="shortcut icon" href="http://htmlbook.ru/favicon.ico">

      </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.Document">

     </head>

     <body>

      <p>...</p>

     </body>

    </html>


     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

      "http://www.w3.org/TR/html4/strict.dtd">

    <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/strict.dtd">

    <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/strict.dtd">

    <html>

     <head>

      <title>htmlbook.ru - Как правильно писать заголовок страницы</title>

     </head>

     <body>

     

      <p>...</p>

     

     </body>

    </html>



    Информация о работе Языки HTML и CSS