Онлайн учебник по HTML и JAVASCRIPT

Элементы языков HTML и JAVASCRIPT

Текст заголовка HTML-файла

Между тегами <HEAD> и </HEAD>, обрамляющими заголовок программы (HTML-файла), напишем еще два тега: <TITLE> и </TlTLE>. С помощью этих тегов обрамляется текст, который помешается в заголовок браузера, т. е. в самую верхнюю полоску его окна. Пусть текст заголовка будет, например, таким: Основные элементы HTML. Тогда код программы примет следующий вид:

<HTML>
    <HEAD> <TITLE> Основные элементы HTML </TITLE> </HEAD>
    <BODY>
... (здесь будут расположены теги тела программы)
    </BODY>
</HTML>

Заметьте, что тег <TITLE> вложен в тег <HEAD>, а тот вложен в тег<НТМL>. В теле нашей программы, т. е. между тегами <BODY> и </BODY>, напишем какой-нибудь текст, чтобы программа выглядела следующим образом:

<HTML>
    <HEAD> <TITLE> Основные элементы HTML </TITLE> </HEAD>
    <BODY>
    Документы HTML состоят из заголовка и тела. В теле документа могут находиться тексты, рисунки и ссылки на другие файлы.
    </BODY>
</HTML>

Раскроем окно текстового редактора Блокнот (Notepad) Windows и напишем в нем текст нашей первой HTML-программы.

Текст заголовка HTML-файла

Рис. 644. HTML-код в окне текстового редактора Блокнот (Notepad)

Сохраним нашу программу в файле с расширением htm или html. Например, назначим имя файла npoбa.htm. Чтобы получилось назначить расширение файла, какое надо, выберите в диалоговом окне тип файла Все файлы (*.*) и введите в поле Имя файла придуманное вами имя файла с нужным расширением. Теперь надо раскрыть этот файл в браузере. Для этого в Проводнике Windows найдите файл npoбa.htm и сделайте двойной щелчок левой кнопкой мыши на его имени или на его значке. В Windows все файлы с расширением htm и html открываются в окне браузера Internet Explorer, если, конечно, вы не установили какой-нибудь другой браузер.

Текст заголовка HTML-файла

Рис. 645. HTML-документ в окне браузера Internet Explorer

Если потребуется что-то изменить в HTML-коде, то, не выходя из окна браузера, в меню Вид выберите команду Просмотр HTML-кода. В результате раскроется окно текстового редактора Блокнот с файлом вашей программы. Внесите нужные изменения и сохраните файл под тем же именем. После этого в окне браузера выполните команду Вид>Обновить. В результате загрузится измененный HTML-файл.

Итак, мы создали простую страницу. В ней размещен только текст, причем неформатированный. Однако настоящие страницы устроены сложнее и выглядят более привлекательно. Более того, в настоящее время в Интернете есть удивительные по красоте дизайна страницы. И это очень важно, поскольку необходимо не просто опубликовать свою страницу, содержащую информацию, но еще и привлечь к ней внимание читателей