Структура HTML-документа

Теги

Основы HTML

Веб-редакторы типа WYSIWYG

Блокнот

Вообще говоря, чтобы написать HTML-файл, достаточно иметь любой текстовый редактор, лишь бы он умел не добавлять в текст свои специальные символы. Например, воспользуйтесь программой Блокнот (Пуск > Программы > Стандартные > Блокнот) и напишите:

<HTML>

<BODY>

Домашняя страница.

Сергей Сергеев - писатель юморист, автор 20 рассказов.

В жизни большой любитель собак и компьютерных игр.

</BODY>

</HTML>

Теперь сохраните этот файл с расширением *.html.

Полученный с помощью простых текстовых редакторов результат не слишком привлекателен: во-первых, исчезло форматирование текста (абзацы), во-вторых, как-то скучно смотрится. Кроме того, весь HTML-текст приходится писать вручную, а многим хотелось бы какую-то часть работы автоматизировать. Учитывая это желание, разработчики создали специализированные средства, призванные облегчить труд веб-программиста.

Существуют программы, позволяющие редактировать веб-страницы как бы в режиме WYSIWYG (what you see is what you get – что видите, то и получаете). Т.е. в браузере WEB-страницы будут выглядеть так же, как и в редакторе. Для начинающих мастеров такие редакторы очень удобны, т.к. наглядны. Но существует отрицательный фактор: автор создает не код, а оформление страницы, после чего программа автоматически подбирает для нее код, который соответствует тому, что задумал автор. Обычно на странице оказывается много совершенно лишнего кода. Он может оставаться, например, от отмененных проб, не говоря уже о том, что программа может сама вставлять комментарии, которые только замедляют загрузку страницы.

К таким редакторам относятся MS Word, FrontPage, DreamWeaver.

Команды HTML (или управляющие маркеры гипертекстового документа) называют тэгами (от англ. tag – ярлык, маркер), они вставляются непосредственно в текст документа и заключаются в угловые скобки <...>.

Унифицированный набор заранее определенных тэгов позволяет пользоваться различными браузерами.

HTML-документ начинается с тэгов <HTML><HEAD> (название страницы, указание кодовой страницы, указание типа документа) </HEAD><BODY> и заканчивается тэгами </BODY></HTML>. Почти все наполнение, которое вы хотите включить в страницу, помещается между тэгами <BODY> и </BODY>.

В языке HTML совершенно не имеет значения, строчными или прописными буквами записаны теги. Можно написать </HTML> или <html> – для браузера это одно и то же. Однако принято писать теги HTML прописными буквами, чтобы они лучше выделялись на фоне основного текста.

Существует более сотни тэгов для разметки информации на Web-странице. Большинство тэгов используется в парах. Открывающий и закрывающий тэги начинаются и завершаются знаками < и >. Закрывающий тэг отличается от открывающего наличием символа / (слэш) перед ключевым словом.

Например, пара тэгов … используется для того, чтобы дать команду браузеру, что текст, помещенный между тэгами, должен быть отображен жирным шрифтом, а тэги … показывают, что при отображении текста должен быть применен курсив.

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

Кроме парных, бывают непарные тэги, которые определяют разовый эффект в конкретном месте или оказывают воздействие на весь документ. Например, тэг часто используется для обозначения необходимости разрыва строки.

Эффект применения тэга может видоизменяться путем добавления атрибутов. Атрибут (от лат. attributum – присоединенное) показывает признак объекта, определяющий его состояние. Применение некоторых атрибутов подразумевает указание значения атрибута, которое отделяется от ключевого слова атрибута знаком равенства и заключается в кавычки.

Тэг присваивания цвета тексту является примером тэга с атрибутом.

Привет

Одним из важнейших является тэг, определяющий гиперссылки. При определении гиперссылки необходимо связать элемент Web-страницы, по которому будет происходить переход, с адресом данного перехода. Тэг обозначается по первой букве слова «anchored», что в переводе с английского означает «привязанный».

Ссылка начинается с открывающего тэга <A> и заканчивается закрывающим тэгом </A>.

Адрес перехода определяется значением атрибута Href и представляет собой URL того ресурса, на который указывает ссылка. Таким образом, формат определения гиперссылки можно представить в виде:

<a href=”URL”>имя ссылки</a>

<a href="https://cnit.vgta.vrn.ru/education/Spis_kaf/begin.htm">Список кафедр ВГТА</a>

<html>

<head>

<title>Пример 1</title>

</head>

<body>

<H1> Пример 1</H1>

Это простейший пример HTML-документа.

Это *.htm-файл

</body>

</html>