- •Основы html
- •1. Понятие о html
- •2. Структура документа html
- •3. Элементы, теги и атрибуты html
- •4. Основные теги и атрибуты форматирования html документа
- •5. Тег вставки изображения
- •6. Стандартные цвета html-документа
- •7. Контрольные вопросы
- •Ссылки в документах html
- •2. Понятие о ссылках и гипертексте
- •3. Типы ссылок
- •4. Адрес web-документа
- •5. Теги ссылок
- •6. Контрольные вопросы
- •1. Понятие о списках
- •2. Простые и вложенные списки
- •3. Описание списков в html
- •4. Описание элементов списков
Основы html
1. Понятие о html
HTML – Hypertext Markup Language – язык разметки гипертекста – основной язык, используемый для представления документов в Интернет и, в частности, в World Wide Web (WWW). Документ на языке HTML представляет собой обычный плоский текст, включающий в себя помимо основного содержания (контента) особые ключевые слова, определяющие его форматирование.
Для создания и редактирования документов HTML пригодны как простейшие редакторы (такие как Блокнот Windows, редакторы, встроенные в файловые менеджеры FAR, Windows Commander и другие), так и универсальные текстовые процессоры, например, Microsoft Word. Разработана масса специализированных HTML-редакторов, с помощью которых достаточно легко создавать не только простейшие WEB-страницы, но и крупные сайты. Необходимо учитывать, что успех созданной WEB-страницы в большей степени определяется её содержанием и умением автора, а не навороченностью инструмента разработки. В дальнейшем будем предполагать, что создаваемые нами WEB-страницы пишутся во встроенном в файловый менеджер редакторе.
Для просмотра WEB-страниц, написанных на HTML (они обычно имеют расширение htm или html), используются браузеры, самыми распространёнными среди которых являются Microsoft Internet Explorer и Netscape Navigator.
Несмотря на то, что сам по себе HTML-документ является обычным плоским текстом, он позволяет создавать очень сложное форматирования документа, включающее в себя изменения стиля, размера, цвета текста и фона, вставку изображений (в том числе анимированных и видеоклипов), звукового сопровождения, таблиц любой сложности, элементов интерфейса (кнопки, поля ввода и редактирования).
В настоящее время разработаны и продолжают разрабатываться расширения стандартного языка HTML, предназначенные для представления документов различных типов (XML – для сложно структурированных документов и баз данных, VRML – для описания трехмерных сцен «виртуальной реальности», Voice HTML - для распознавания речи и голосового управления WEB-страницами и другие).
Важнейшим свойством HTML-документа, благодаря которому он называется языком разметки гипертекстовых документов, является возможность создания ссылок на другие документы. Таким образом, набор HTML-документов, связанных между собой ссылками, образует сеть документов.
2. Структура документа html
Структура HTML-документа в самом общем виде выглядит следующим образом:
<html>
<head>
<title>Название документа</title>
</head>
<body>
Тело документа
</body>
</html>
Документ в целом заключается в теги <html>…</html> и состоит из заголовка (<head>…</head>) и тела (<body>…</body>). Заголовок часто имеет титул – название документа, отображаемое в заголовке окна браузера (<title>…</title>). Всё содержание документа (контент) помещается внутри тела между тегами <body> и </body>.
В принципе, все распространённые браузеры будут показывать документы, в которых отсутствует некоторые (или даже все) элементы выше показанной структуры. Однако всё же следует придерживаться правила включать в документ хотя бы самые основные элементы, предписанные стандартом HTML.
Разрывы строк, повторные пробелы и знаки табуляции не влияют на внешний вид страницы в браузере и используются исключительно для удобства создания и редактирования HTML-документа. Например, показанный выше текст страницы будет выглядеть в браузере так же и при отсутствии разрывов строк:
<html><head><title>Название документа</title></head><body>Тело документа</body></html>
Точно так же будет выглядеть документ и при наличии дополнительных пробелов и разрывов строк:
Более того, регистр (то есть набор прописными или строчными буквами) ключевых слов в документе HTML также не имеет никакого значения:
<html>
<head>
<title>
Название документа
</title>
</head>
<body>
Тело документа
</body>
</html>
<HTML>
<HEAD>
<TITLE>
Название документа
</TITLE>
</HEAD>
<BODY>
Тело документа
</BODY>
</HTML>
Проверьте, действительно ли приведённые примеры страниц в браузере выглядят одинаково.