|   
 
 
 
 
 
 
   
  Поиск по сайту:
логин : пароль :  
    Напомнить пароль?    
Реклама
Популярные статьи
    Реклама
     

    Структура HTML-документа

    Уроки веб-дизайна » HTML
     
     
     

    HTML-документ состоит из основного текста и тэгов разметки. Фактически это обычный текстовый файл, для создания и редактирования которого можно использовать любой текстовый редактор. Обычно HTML-документы имеют расширение .htm или .html.
    Документ HTML имеет четко определенную структуру:

    • Начинается с тега <html> и заканчивается соответствующим ему тегом </html>. Такая пара тегов сообщает браузеру, что это HTML-документ
    • Содержит два раздела - заголовки и тела документа (размещаются именно в таком порядке). Раздел заголовков помечен тегами <head> и </head> и содержит служебную информацию о документе целом. В частности, он должен включать в себя теги <title> и </title>, между которыми размещен текст отображающийся в заголовке окна браузера. Кроме этого, в разделе заголовков находящийся тег <meta>, предназначенный для технического описания документа (это информация для поисковых программ), а также тег <style> для описания стилей (наборов параметров форматирования), использованных в документе
    • Сам контент документа содержится в его теле, расположенном между тегами <body> и </body>.

    Итак, основную структуру HTML-документа определяют четыре парные тэги. Их наличие предусмотрено во всех таких документах:

    <html>
    <head>
    <title>Заголовок документа</title>
    </head>
    <body>
    Текст, отображаемый на экране (или любой другой контент)
    </body>
    </html>


    Для того чтобы разбить текст на логические части, используют заголовки. Язык HTML поддерживает шесть уровней заголовков документов. Они обозначены тегами от <h1>...</h1> до <h6 >...</h6>.
    На экране эти заголовки отображаются разными шрифтами (обычно полужирными). Хотя в языке HTML есть теги форматирования, которые могут изменять начертание шрифта, пользоваться ими для заголовков не рекомендуется.
    Текст, содержащийся внутри тега заголовка, отображается согласно его уровня. Самый высокий уровень имеет заголовок h1, низкий - h6. Текст заголовка может быть выровнен по центру, по правому или левому краю - для этого используют атрибут align. Например: <h2 align="center">Teкст заголовка</h2> (значение "center" может быть заменено на "right" или "left").
    Для определения обычных абзацев в языке HTML используются теги <p> и </p>. Текст, размещенный между ними, собственно и будет одним абзацем. При этом следует помнить, что все «лишние» пробелы между словами и переходы на новую строку при воспроизведении HTML-документа браузер игнорирует. Когда браузер воспроизводит веб-страницы, абзацы отделяются друг от друга с помощью отступов.
    В случае перехода на новую строку без создания абзаца используется одинарный тег <br>. Разделителями в тексте могут также быть горизонтальные линии, которые визуально отделяют различные части документа, - их создают с помощью одинарного тега <hr>.
    Цвета и фоновое изображение для всего документа можно задать с помощью тега <body>. Он может иметь следующие атрибуты:

    • BACKGROUND="URL" - вместо URL указывают адрес рисунка, который должен быть фоном для страницы;
    • BGC0L0R="значение" - задает цвет, который должен быть фоновым для документа;
    • ТЕХТ="значение" - задает цвет текста;
    • LINK="значение" - определяет цвет гиперссылок в документе;
    • ALINK="значение" - задает цвет гиперссылок при щелчке;
    • VLINK="значение" - задает цвет просмотренных гиперссылок.

    Браузер преобразует текст HTML-документа при его выводе на экран, то есть игнорирует лишние пробелы, символы табуляции, символы конца строки, форматирует текст в соответствии с использованными тегами. Однако иногда возникает необходимость в том, чтобы поместить в документ отформатированный текст, для которого браузер должен сохранить все пробелы, даже если имеются несколько пропусков стоящих один за другом, знаки переноса на другую строку, табуляции и другие символы форматирования. Для этого используют тег <pre>текст</pre>.
    Впрочем, если браузер встретит в таком тексте теги разметки, она будет соответствующим образом применена. Исключения составляют только следующие теги HTML: <big>, <img>, <object>, <small>, <sub> и <sup>


     
       
     
     
      Материал по теме:
     
     
     
     
     
    Сайт о животных | Отдых в Феодосии
    Копирование и распостранение материалов на другие сайты строго запрещено!
      Яндекс.Метрика