Меню сайта

Категории раздела
Язык разметки гипертекста [1]
Создание HTML-документа [7]
Web-графика [0]
Каскадные таблицы стилей [0]

Наш опрос
Оцените мой сайт
Всего ответов: 22

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа

Главная

Регистрация

Вход
Приветствую Вас Гость | RSS


Учебный сайт


Пятница, 14.12.2018, 21:27
Главная » Статьи » Язык разметки гипертекста

Язык разметки гипертекста

Язык разметки гипертекста

Язык разметки гипертекста (HTML – HyperText Markup Language) предназначен для функциональной разметки документа и обеспечивает его правильное отображение в браузере. Это основной язык, использующийся для создания Web-страниц, минимальных информационных ресурсов одной из служб (сервиса) Интернета – Всемирной паутины (World Wide Web – WWW). Разработан Тимом Бернес-Ли в 1989 году.

Стандарт HTML разработан под руководством консорциума World Wide Web (World Wide Web Consortium, W3C). В настоящее время действует версия HTML 4.01 рекомендованная 24.12.1999 года.

HTML-документ – текстовый документ, содержащий описание Web-страницы c использованием специальных конструкций языка HTML, называемых тегами. Имеет расширение .htm или .html.

Браузер (browser) – программа для просмотра Web-страниц. Браузер при получении HTML-документа выполняет анализ записанного в нем кода (интерпретирует код) и результат отображает в окне программы. При этом:

  1. Множественные пробелы и переводы строк игнорируются.
  2. Текст переносится в конце строки по пробелам.
  3. При изменении размера окна браузера размер строки автоматически изменяется.

Элемент – конструкция языка HTML (контейнер), содержащая данные и позволяющая отформатировать их определенным образом. Примеры элемента: HEAD – раздел заголовка, LIST – список. На Web-странице элемент оформляется с использованием тегов.

Тег – начальный или конечный маркер элемента, который управляет отображением текста, но сам при этом не отображается. Тег записывается в виде набора символов - ключевых слов, заключенных в угловые скобки (знаки «меньше» и «больше»), например <HTML>. Ключевое слово формируется из названия элементов.

Свойства тегов:

  1. Теги бывают двух типов: контейнерные и одиночные. Контейнерные теги состоят из пары - открывающий и закрывающий тег. Открывающий создает эффект, а закрывающий – прекращает его действие. Ключевое слово у закрывающего тега начинается косой чертой, например, код <B>Текст, выделенный полужирным шрифтом </B> обеспечивает такое отображение текста: Текст, выделенный полужирным шрифтом .
    Одиночный тег дает разовый эффект в месте своего расположения в документе. Закрывающий тег у него отсутствует. Например, тег <HR> в месте его написания браузер формирует горизонтальную черту (смотри строчкой ниже).

  2. Парные теги могут вкладываться друг в друга без пересечений. Пример вложенных тегов: <P>Текст абзаца <I> со словами выделенными курсивом</I><P>

    Текст абзаца со словами выделенными курсивом

  3. Регистр символов в тегах не учитывается. Пример одинаковой для браузера записи: <HEAD>, <head>, <Head>.
  4. Неправильно написанные или незнакомые теги браузером игнорируются.
  5. Названия тегов не должны содержать пробелов.

Атрибут – параметр или свойство элемента.

Свойства атрибута:

  1. Атрибут записывается в открывающем теге и отделяется от ключевого слова и других атрибутов пробелами.
  2. Значение атрибута, если оно требуется, отделяется от ключевого слова знаком равенства (=). Символьное значение дополнительно заключается в одиночные или двойные кавычки.
  3. Число атрибутов у одного тега не ограничено.
  4. Значение атрибута может быть чувствительно к регистру.
  5. Последовательность записи атрибутов значения не имеет. Пример записи тега с атрибутами: <BODY bgcolor="#000000" text="black" background="rain.gif">

Комментарий. В HTML предусмотрена возможность использования комментария – текстовых строк, не являющихся частью программы, а служащих для пояснения. Комментарий записывается в специальном теге <!-- Этот текст является комментарием -->. Комментарий может содержать любые символы, кроме символа «больше» (>).

Представление цветов в HTML-документах. Значение цвета задается как значение соответствующих атрибутов в одной из двух форм:

  1. С помощью английских имен цветов.
  2. Шестнадцатеричным кодом в RGB-палитре (Red-Green-Blue) с выделением двух цифр для каждой составляющей.

Название цвета

Числовой код

Название цвета

Числовой код
aqua 
морская волна #00FFFF navy темно-синий #000080
black черный #000000 olive оливковый #808000
blue синий #0000FF purple фиолетовый #800080
fuchsia фуксия #FF00FF red красный #FF0000
gray серый #808080 silver серебряный #C0C0C0
green зеленый #008000 teal сизый #008080
lime лимонный #00FF00 yellow желтый #FFFF00
maroon красно-коричневый #800000 white белый #FFFFFF

   
 
Пример задания цвета фона документа и всего текста:

<BODY bgcolor="silver" text="#000080">

Все элементы HTML условно можно разделить на группы:

  1. Структура документа
  2. Структура текста
  3. Форматирование символов (физическое, логическое)
  4. Гиперссылки, адресация
  5. Списки
  6. Таблицы
  7. Размещение графики
  8. Специальныые символы
  9. Управление цветом

Элементы, определяющие структуру текста

Hn                 - Заголовок
P                   - Абзац
PRE               - Предварительно отформатированный текст
BR                 - Обрыв строки
NOBR             - Запрет переноса
BLOCKQUOTE - Длинная цитата
HR                  - Горизонтальная линия
DIV                - Раздел
ADDRESS       - Адрес
Категория: Язык разметки гипертекста | Добавил: asan (11.10.2010)
Просмотров: 561 | Рейтинг: 5.0/1
Всего комментариев: 0
Имя *:
Email *:
Код *:
Поиск

Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2018 Бесплатный конструктор сайтов - uCoz