Урок
1.
Что
такое HTML?
HTML
(HyperText Markup Language) - язык гипертекстовой разметки. Используется
для создания web-страниц, которые являются HTML-документами. С помощью
HTML мы делаем разметку документа, например, где должен находиться
тот или иной файл, как будет звучать тот или иной фрагмент текста
в речевых браузерах, какого цвета будет заголовок абзаца и т.д. Хочется
особо отметить тот факт, что помимо графических браузеров, существуют
ещё браузеры речевые и текстовые (не отображают графику), что и советую
не забывать при создании web-страниц. Процент пользователей с такими
браузерами невелик, но ни один профессионал не позволит себе проигнорировать
эту, пусть и небольшую интернет-аудиторию.
Как
же выглядит этот язык? (самый лёгкий язык в мире). HTML состоит из
специальных символов, так называемых тэгов, с помощью которых мы управляем
содержимым документа.
Например:
мы
хотим выделить текст курсивом.
мы хотим <EM>
выделить текст курсивом </EM>
Так
будет
выглядеть строка в виде HTML, где <EM>
- это тэг, который даёт браузеру команду выделить текст курсивом,
а </EM>- это
закрывающий тэг. Вместе они образуют пару тэгов, которая называется
"элемент" или "тэг-контейнер". Большинство тэгов
в HTML парные, однако, есть и одиночные.
Например:
 тэг
принудительного перевода строки <BR>.
Обратите внимание на то, как выглядит
сам тэг. Все тэги в HTML выделены ограничивающими символами "<"
и ">", что позволяет легко
узнавать их в процессе редактирования готового документа. А закрывающий
тэг начинается со знака "/"
В процессе создания документа часто возникает необходимость делать
заметки - комментарии, для того, что бы впоследствии свободнее ориентироваться
в HTML-пространстве. Для этого, комментарии в своём документе вы заключаете
в знаки
"<!--" и "-->".
Например:<!--saved
from url=(0063)http://www.t1.com/us.html -->
У тэгов могут быть параметры. У одних их очень много,
а у других нет вообще. Параметры в свою очередь могут иметь значения.
Если значение не задано, параметр примет значение по умолчанию. Короче,
если вы не задаёте значение, браузер задаст его сам.
Например:
<BODY
bgcolor="#335533">,
где
BODY-тэг,
bgColor
-параметр, #335533
-значение.
HTML-документ, отвечающий спецификации HTML4.0 начинается со строки:<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Эта строка говорит браузеру о том, что документ соответствует международной
спецификации версии 4.0. Затем мы должны открыть документ с помощью
элемента <HTML>. Запомним, что
любой HTML-документ всегда открывается с помощью тэга <HTML>
и закрывается с помощью тэга </HTML>.
Между ними расположен сам документ, состоящий из двух разделов: HEAD
и BODY ( заголовка и тела ).
Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>пример простого HTML-документа</TITLE>
</HEAD>
<BODY>на экране появиться только эта фраза</BODY>
</HTML>
Согласитесь, что комментарии здесь излишне.
Не
могу не сказать пару слов о таблицах стилей CSS (cascading style sheets),
представляющих собой инструменты присоединения стилей к HTML- документам.
С их помощью мы можем управлять шрифтом и цветом текста, распределением
материала, и т.д. То есть мы задаём для всего документа определённые
правила отображения на экране монитора тех или иных элементов данного
HTML- документа. Допустим, нам нужно все заголовки первого уровня
отобразить белым цветом, а заголовки третьего уровня - красным. Всё
это реализуют CSS, к тому же очень просто!
Пример
синтаксиса: <STYLE
type="text/css">
H1 { color: white }
H3
{ color: red }
</STYLE>
Введение таблиц стилей в процесс создания HTML-документов
со временем приведёт к исчезновению многих элементов и параметров,
применяемых сейчас в веб-страницах и описываемых мною в этой книге.
Однако у нас с вами есть чёткая цель: научиться создавать сайты средствами
HTML. Согласны? Тогда переходим к уроку 2.
|
|
главная