ПОСТРОЕНИЕ САЙТА НА ЯЗЫКЕ HTML
Теория. Гипертекст-это текст, в котором имеются ссылки для автоматического перехода на другие тексты - гиперссылки, а язык HTML (Hyper Text Marcup Language) - это независимый от платформ язык разметки текста. Документы размеченные при помощи этого языка визуализируются браузерами конечных пользователей в большинстве случаев одинаково, благодаря тому, что "понимают" и правильно обрабатывают структурные элементы HTML. Исходный код представляет собой текст, между строк которого вставляются элементы разметки, посетителю страницы эти элементы не видны, а виден результат их воздействия на документ. Элементы html-документа, заключенные в угловые скобки, называются тэгами. Они несут информацию о структуре и особенностях форматирования web-страницы.
Базовый HTML-документ должен иметь следующую структуру:
Название html-документа
Тело html-документа
Тег определяет начало HTML- файла, внутри которого хранится заголовок () и тело документа (). Заголовок документа (блок ), может содержать текст и теги, но содержимое этого раздела не показывается напрямую на странице, за исключением контейнера
.
Тег является универсальным и добавляет целый класс возможностей, в частности, с помощью метатегов можно изменять кодировку страницы, добавлять ключевые слова, описание документа и многое другое. Для идентификации браузером формата преобразования юникода UTF-8 записывается строка: .
Тег - определяет заголовок веб-страницы и должен обязательно присутствовать в коде документа. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера.
Тег - закрывает блок заголовка документа.
Тело документа предназначено для размещения тегов и содержательной части веб-страницы:
Заголовок, где i – уровень заголовка.
Тег
определяет абзац (параграф) текста. Является блочным элементом, поэтому текст всегда начинается с новой строки, абзацы идущие друг за другом разделяются между собой отбивкой (так называется пустое пространство между ними):
Абзац.
Тег - показывает, что тело документа завершено.
Тег - закрывает HTML-файл.
При форматировании web-страницы можно использовать дополнительные теги:
Уменьшенный шрифт
Перевод строки
Горизонтальная линия
Упорядоченный список
Элемент списка
При создании web-документов имеется возможность оформлять их с использованием графических объектов. Если предполагается, что документ будет публиковаться в сети Интерне, то объекты должны содержаться в файлах с расширением jpg, gif или png. Если документ будет использован на локальном компьютере, то можно использовать файлы с расширением bmp.
Для внедрения рисунка применяется одиночный тег
. Он всегда должен содержать атрибут SRC.
Примеры.
1)
- вставка в документ из текущего каталога графического объекта, содержащегося в файле ris.jpg.
2)
- вставка в документ из корневого каталога диска c: графического объекта, содержащегося в файле ris.gif.
Если рисунок по размерам слишком мал или слишком велик, то его размеры корректируются атрибутами WIDTH и HEIGHT. Первый из них влияет на ширину рисунка, второй – на его высоту. При использовании данных атрибутов необходимо следить за тем, чтобы искажение рисунков не влияло на способность их качественного восприятия. Целесообразно придерживаться отношения 4:3 или 16:9 для горизонтальных и вертикальных сторон.
Пример.
- изображение, хранящееся в файле ime.jpg, будет иметь 200 пикселей в длину и 150 в высоту.
Некоторые браузеры настроены на работу так, чтобы при загрузке документа не выводить на экран рисунок. Поэтому при внедрении рисунка желательно задавать его краткое описание. Для этого в теге
применяется атрибут ALT. Его формат: ALT="текст". Значение атрибута называют альтернативным текстом.
Пример.
- при наведении указателя мыши на рисунок, появляется текст «Институт механики и энергетики».
Для внедрения в web-документ мультимедийных объектов применяется тег