Назначение языка HTML
Web-страницы – это специальные файлы, написанные на языке HTML (Hyper Text Markup Language – язык разметки гипертекста). Под разметкой понимается вставка в текст специальных кодов (тегов), определяющих то, как итоговый гипертекстовый документ должен отображаться специальной программой – браузером.
Язык HTML предназначен для создания системно-независимых файлов и не описывает формат документа, но описывает его структуру. Например, если в тексте встречается заголовок, то код HTML просто указывает, что соответствующий фрагмент является заголовком. Получив такой код, программа-браузер сама решает, что ей делать с заголовком. Возможно, она отобразит его более крупным шрифтом или выравнит по центру экрана. Если этот текст будет воспроизведен синтезатором речи, то синтезатор использует этот код, чтобы повысить громкость и сделать необходимую паузу.
Язык HTML представляет собой компьютерный язык, в некотором смысле родственный языкам программирования. Он включает достаточно строгие правила, которые необходимо соблюдать, чтобы получить правильные результаты.
Язык HTML появился одновременно со службой World Wide Web и развивался вместе с ней. Он является основой World Wide Web и одновременно причиной ее широчайшей популярности.
Рис. 1. Пример HTML-кода web-страницы
HTML- файл
HTML-файл – текстовый файл, имеющий расширение .htm или .html. Web-страница (по-другому, документ HTML) хранится в виде HTML-файла. Для создания HTML-файла могут использоваться как простые текстовые редакторы, такие как Блокнот или Word Pad, так и редакторы Web. При сохранении web-страницы необходимо в поле «Имя файла» ввести имя файла, поставить точку и набрать расширение .htm или .html. Если HTML-файл был сохранён правильно, то он автоматически откроется в браузере, который у вас имеет статус основного.
Теги HTML
Язык HTML состоит из специальных разметочных указателей – тегов. Их также можно назвать командами, инструкциями или кодами языка HTML. Теги указывают браузеру способ отображения текста.
Документ HTML состоит из раздела заголовков и тела документа, идущих именно в таком порядке. Раздел заголовков заключён между тегами <HEAD> и </HEAD> и содержит информацию о документе в целом. В частности, этот раздел должен содержать внутри себя теги <TITLE> и </TITLE>, между которыми размещают «официальный» заголовок документа, который отображается в строке заголовка браузера при просмотре страницы. Тело документа заключено между тегами <BODY> и </BODY>, в нём размещается основное содержание страницы – текст, графические объекты и прочее.
Простейший правильный документ HTML:
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Здесь находится содержимое web-страницы, которое мы видим на экране
</BODY>
</HTML>
Каждый тег в языке HTML имеет специальное назначение. Регистр букв в названиях тегов не имеет значения – можно использовать как строчные, так и прописные буквы, хотя общепринято использовать прописные буквы, чтобы теги отличались от обычного текста документа.
Существует два типа тегов – парные и непарные.
Парные теги – открывающие и закрывающие, аналогичные круглым скобкам алгебраического выражения. Они влияют на текст с того места, где употреблены, до того места, где указан признак окончания их действия (закрывающие теги начинаются с символа косой черты (/). Например, <HTML>…</HTML>, <P>…</P>, <H3>…</H3>
Непарные теги дают разовый эффект в месте своего появления, поэтому в закрывающем теге нет необходимости, например, <BR>, <META>, <IMG>.
Со всеми перечисленными выше тегами и со многими другими вы познакомитесь в процессе освоения программы кружка.
При отображении документа в браузере сами теги не отображаются, но влияют на способ отображения документа.
Атрибуты тегов
Открывающие теги часто могут содержать атрибуты, влияющие на эффект, создаваемый тегом. С их помощью можно менять свойства объекта, которому соответствует тег.
Атрибуты – это дополнительные ключевые слова, отделенные от ключевого слова тега и друг от друга пробелами,
Атрибуты могут иметь значения, записываемые после знака равенства (=). Всегда полезно заключать значение атрибута в кавычки (одинарные либо двойные). Строка в кавычках не должна содержать такие же кавычки внутри себя. Можно опускать кавычки для значений атрибутов, которые состоят только из следующих символов:
- символов английского алфавита;
- цифр (0-9);
- промежутков времени;
- дефисов (-).
Таким образом, WIDTH=80 и ALIGN=CENTER – разрешённое сокращение для WIDTH="80" и ALIGN="CENTER".
Закрывающие теги не содержат атрибутов.
Примеры. <FONT fase=”arial”> </FONT>
<TABLE width=”50%” bgcolor=”#00CC99”>