<<Темы

Урок 1. Введение в структуру документа HTML

Документ в формате HTML состоит из двух основных частей:
  • раздела заголовков (определяемого элементом head),
  • тела, которое включает собственно содержимое документа. Тело может вводиться элементом body или элементом frameset.
  • Самым главным из тэгов html является одноименный тэг - <html>. Он должен всегда открывать ваш документ, так же, как тэг </html> должен непременно стоять в его последней строке. Эти тэги обозначают, что находящиеся между ними строки представляют единый html-документ.
    Перед каждым элементом или после каждого элемента может находиться пустое пространство (пробелы, переход на новую строку, табуляция и комментарии).
    Вот пример простого документа HTML:
    <html>
        <head>
            <title>Мой первый документ</title>
        </head>
        <body>
            <p>Всем привет!</p>
        </body>
    </html>

    Элемент head

    Заголовок документа. В документе допускается только один элемент head, и он должен стоять перед элементом body. Элемент head служит для задания различных настроек браузера, применяемых на протяжении всего документа, скриптов, рекомендаций. Информация, содержащаяся в элементе head, не отображается в теле документа. Элемент head может содержать (но не обязательно и в любом порядке):
    - один элемент title (предназначен для задания внешнего заголовка)
    - элемент isindex
    - элемент base
    - элементы meta
    - элементы link
    - элементы style и script
    Например:
    <head>
        <title>Заголовок странички</title>
        <link rel="stylesheet" type="text/css" href="style.css">
        <meta http-equiv="content-type" content="text/html; charset=windows-1251">
    </head>

    Элемент body

    Тело документа. Возможны необязательные атрибуты:
    bgcolor — устанавливает фоновый цвет
    text — цвет для текста документа
    link — цвет для непосещенных ссылок
    vlink — цвет для посещенных ссылок
    alink — цвет для активных ссылок
    background — устанавливает фоновый рисунок
    bgproperties - если этот параметр вставить в body (а вставить его можно только при наличии background), то тогда при прокрутке документа фоновая картинка будет неподвижной, а не ездить вслед за текстом
    leftmargin - отступ слева документа
    rightmargin - отступ справа документа
    topmargin - отступ сверху документа
    bottommargin - отступ снизу документа
    dir=rtl - используя данный параметр, можно перенести полосу прокрутки на левую сторону, а содержимое страницы выровнять по правому краю (попробуйте - пожалеете! фигня, в общем, выходит)
    Вот как это может выглядеть:
    <body bgcolor="white" text="black" link="#cde4eb" background="1.gif" leftmargin="4px" topmargin="10px">


      ^ наверх ^ Урок 2>>