Введение в курс HTML || Урок1

Вы уже догадались, что в основе всех страниц в Internet лежит HTML. Это тот самый язык, который позволяет создавать почти всё многообразие эффектов, которые вы можете увидеть в " Всемирной паутине". Однако в некотором смысле HTML ограничен, и тогда он зовёт к себе на помощь такие языки, как JavaScript и CGI, которые могут привнести на вашу страницу эффекты и функции, которые находятся за пределами возможностей HTML.

Так что же такое HTML? HTML означает "язык разметки гипертекста"( HyperText Markup Language ). HTML - это программный язык, который требует от пользователя следовать определенным правилам ( к счастью очень простым ) и использовать вполне определённые операторы. Ограниченность набора операторов уменьшает возможность языка и требует применения дополнительных средств.

А вот и правила, которые мы советую соблюдать при создании собственных WEB страниц с помощью HTML :

  • Павило 1.Любое действие ( оператор ) в HTML оределяется ярлыками ( tag ). Один ярлык ( левый)
    стоит в начале действия, а второй ( правый ) - в конце. При этом ярлыки стоят рядом со знаками " < "
    или " > ". Существуют одиночные ярлыки ( в том случае, когда сам по себе ярлык и есть оператор ).
  • Правило 2. Любой ярлык или иная инструкция, которая заключена в треугольные скобки, в окно программы-просмотрищика ( программа-просмотрщик - это ваш браузер ) не выводится и является внутренней командой для HTML-файла.

Пример :<HTML> ... текст страницы... </HTML>

Здесь левый ярлык <HTML> обозначает начало документа на HTML, а ярлык </HTML> означает конец документа . Этими ярлыками кончается и начинается любой документ на HTML.

А теперь вы наверное хотите спросить, где создавать HTML документы. HTML-файл - это обычный текстовый файл. Поэтому создавать его можно в любом текстовом редакторе, например MSWord 6.0 или простейшем "Блокноте". Главное, надо помнить, что когда документ создан - его надо сохранить в текстовом формате, предварительно изменив расширение - поставив .HTM вместо .TXT. Расширение .HTM является стандартным для HTML-файлов.

Примечание!
Сам язык HTML не чувствителен к размерам букв, т.е. прописные и строчные буквы воспринимаются одинаково. Так что сами ярлыки можно набирать любыми буквами.

HTML язык лучше всего изучать на примерах, а потом анализировать их. Вот первый из них :

<html>
<title>Название Документа</title>
<head>
Текст Заголовка
</head>
<body >
Текст Документа
</body>
</html>

Кроме знакомых нам ярлыков <html> и </html>, обозначающих тип документа, появились ярлыки <head> и </head>, которые выделяют заголовок. Однако понятие заголовка условно, его может и не быть. Что касается ярлыков <title> и </title>, то они имеют большое значение. Текс, который располагается между ними, будет помещён на самый верх окна ( проще говоря - это название ). Ярлык <title> следует располагать в секции <head>. Ещё один важный ярлык - это <body> и </body>.Он выделяет главную структуру документа - тело документа. Этот ярлык очень важен, так может например содержать информацию о фоне и цвете текста. Для этого надо изменить формат левого ярлыка. Например: <body bgcolor="FFFF00" text="000000"></body>. Здесь параметр bgcolor определяет цвет фона, а text определяет цвет текста. Все цвета в языке HTML имеют свою кодировку :

Белый FFFFFF

Синий 0000FF

Красный FF0000

Чёрный 000000

Примечание!
Экспериментируя с цифрами и буквами вы получите любой цвет.

Программисты знают, что в процессе создания написания программы часто приходится делать различные комментарии. Комментарии сопровождаются следующим ярлыком : <!-- текст комментария -->.

Мы всё время рассматривали примеры двойных ярлыков ( < Ярлык> </Ярлык>), а теперь пришло время рассмотреть пример одиночного ярлыка:
<hr>(horizontal ruller)
Этот ярлык выводит на экран горизонтальную линию, которая может служить для логического разделения страницы. Если вы захотите ограничить длину линии, то необходимо ввести параметр width ( Ширина ) и указать его значение в процентах :
<hr width = 50%>
Понятно, что линия начнётся с левой стороны и закончится в середине. Если вы захотите, чтобы линия была в центре страницы, то нужно воспользоваться параметром align. Он имеет три значения : LEFT(слева), RIGHT(справа), CENTER(центр). Значит, если мы хотим изобразить линию по центру, то надо ввести параметр align следующим образом :
<hr width=50% align="center">