Молодежный онлайн портал Казахстана

HTML (HyperText Markup Language) - язык гипертекстовой разметки. Используется для создания web-страниц, которые являются HTML-документами. С помощью HTML мы делаем разметку документа, например, где должен находиться тот или иной файл, как будет звучать тот или иной фрагмент текста в речевых браузерах, какого цвета будет заголовок абзаца и т.д. Хочется особо отметить тот факт, что помимо графических браузеров, существуют ещё браузеры речевые и текстовые (не отображают графику), что и советую не забывать при создании web-страниц. Процент пользователей с такими браузерами невелик, но ни один профессионал не позволит себе проигнорировать эту, пусть и небольшую интернет-аудиторию.

Как же выглядит этот язык? (самый лёгкий язык в мире). HTML состоит из специальных символов, так называемых тэгов, с помощью которых мы управляем содержимым документа.

Например: мы хотим выделить текст курсивом.
мы хотим выделить текст курсивом

Так будет выглядеть строка в виде HTML, где - это тэг, который даёт браузеру команду выделить текст курсивом, а - это закрывающий тэг. Вместе они образуют пару тэгов, которая называется "элемент" или "тэг-контейнер". Большинство тэгов в HTML парные, однако, есть и одиночные.
Например: тэг принудительного перевода строки
.
Обратите внимание на то, как выглядит сам тэг. Все тэги в HTML выделены ограничивающими символами "<" и ">", что позволяет легко узнавать их в процессе редактирования готового документа. А закрывающий тэг начинается со знака "/"
В процессе создания документа часто возникает необходимость делать заметки - комментарии, для того, что бы впоследствии свободнее ориентироваться в HTML-пространстве. Для этого, комментарии в своём документе вы заключаете в знаки
"".
Например:
У тэгов могут быть параметры. У одних их очень много, а у других нет вообще. Параметры в свою очередь могут иметь значения. Если значение не задано, параметр примет значение по умолчанию. Короче, если вы не задаёте значение, браузер задаст его сам.
Например: , где BODY-тэг, bgColor -параметр, #335533 -значение.

HTML-документ, отвечающий спецификации HTML4.0 начинается со строки: Эта строка говорит браузеру о том, что документ соответствует международной спецификации версии 4.0. Затем мы должны открыть документ с помощью элемента . Запомним, что любой HTML-документ всегда открывается с помощью тэга и закрывается с помощью тэга . Между ними расположен сам документ, состоящий из двух разделов: HEAD и BODY ( заголовка и тела ).
Пример:





на экране появиться только эта фраза

Согласитесь, что комментарии здесь излишне.

Не могу не сказать пару слов о таблицах стилей CSS (cascading style sheets), представляющих собой инструменты присоединения стилей к HTML- документам. С их помощью мы можем управлять шрифтом и цветом текста, распределением материала, и т.д. То есть мы задаём для всего документа определённые правила отображения на экране монитора тех или иных элементов данного HTML- документа. Допустим, нам нужно все заголовки первого уровня отобразить белым цветом, а заголовки третьего уровня - красным. Всё это реализуют CSS, к тому же очень просто!
Пример синтаксиса:
Введение таблиц стилей в процесс создания HTML-документов со временем приведёт к исчезновению многих элементов и параметров, применяемых сейчас в веб-страницах и описываемых мною в этой книге. Однако у нас с вами есть чёткая цель: научиться создавать сайты средствами HTML. Согласны? Тогда переходим к уроку #2.