Текущая версия на 14:07, 28 декабря 2012
Гипермаркет знаний>>Информатика>>Информатика 10 класс>>Информатика: Основы языка разметки гипертекста
Основы языка разметки гипертекста
Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы (HTML -тэги ), которые определяют вид Web-страницы при ее просмотре в браузере. Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парный тэг содержит открывающий и закрывающий тэги (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением тэга. Тэги могут записываться как прописными, так и строчными буквами. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. Web-страница помещается в контейнер <HTML></HTML> и состоит из двух частей: заголовка и отображаемого в браузере содержания. Заголовок страницы помещается в контейнер <HEADX/HEAD>. Заголовок содержит название страницы, которое помещается в контейнер <TITLE></TITLE> и при просмотре отображается в верхней строке окна браузера. В раздел заголовка Web-страницы могут быть добавлены информационные одиночные тэги <МЕТА>, имеющие атрибуты. Атрибут charset информирует браузер о кодировке Web-страницы. Отображаемое в браузере содержание страницы помещается в контейнер <BODY></BODY>. <HTML> <HEAD> <TITLE>Заголовск страницы«:/TITLE> <МЕТА ="text/html; charset=windows-1251" http-equiv="content-type"> </HEAD> <BODY> </BODY> </HTML> Web-страницу необходимо сохранить в виде файла, начальную страницу сайта сохраняют обычно под именем index.htm. К качестве расширения имени файла Web-страницы можно также использовать html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.
Шрифт. Размер шрифта заголовка задается парами тэгов от <Н1х/Н1> (самый крупный) до <Н6х/Н6> (самый мелкий). С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE - размер шрифта (например, SIZE=4). Атрибут COLOR позволяет задавать цвет шрифта (например, COLOR= "blue"). Значение атрибута COLOR можно задать либо названием цвета (например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением. Шестнадцатеричное представление цвета использует RGB-формат "#RRGGBB", где две первые шестнадцатеричные цифры задают интенсивность красной) (red), две следующие — интенсивность зеленого (green) и две последние — интенсивность синего (blue) цветов. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная — FF. Например, синий цвет задается значением "#0000FF".
Форматирование текста. Разделение текста на абзацы производится с помощью контейнера <РХ/Р>. При просмотре в браузере абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать определенный тип выравнивания. Способ выравнивания текста позволяет задать атрибут ALIGN. Выравнивание по левой границе: ALIGN-" left", выравнивание по правой границе: ALIGN-"right", выравнивание по центру: ALIGN="center". Заголовки целесообразно отделять от остального содержания страницы горизонтальной линией с помощью одиночного тэга, а для перевода строки используется одиночный тэг .
Вставка изображений. Нa Web-страницы можно помещать изображения, хранящиеся в графических файлах сжатых форматов — GIF, JPEG и PNG. Для вставки изображения используется тэг <IMG> с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в той же папке, что и файл Web-страницы, то в качестве значения атрибута SRC достаточно указать только имя файла. Например: <IMG SRC="file.gif"> Если файл находится в другой папке на данном локальном компьютере, то значением атрибута должно быть полное имя файла, включая путь к нему в иерархической файловой системе. Например: <IM G SRC="path\file. gif "> Если файл находится на удаленном сервере в Интернете, то должен быть указан Интернет-адрес этого файла. Например: <IMG SRC=" Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN, который может принимать пять различных значений: TCP (верх), KIDDLE (середина), BOTTOM (низ), LEFT (слева) и RIGHT (справа). Для того чтобы рисунок располагался по правому краю текста, тэг вставки изображения должен принять следующий вид: <IMG SRC="file.gif" ALIGN="right"> Пользователи иногда, в целях экономии времени, отключают в браузере загрузку графических изображений и читают только тексты. Чтобы не терялся смысл страницы, вместо рисунка должен выводиться альтернативный текст. Альтернативный текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке: <IMG SRO"file.gif" ALIGN«"right" ALT="Текст">
Гиперссылки. Гиперссылки, размещенные на Web-странице, позволяют загружать в браузер другие Web-страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки. Гиперссылка создается с помощью универсального тэга и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web-страница: <А HREF="Адрес">Указатель ссылки</А> Если загружаемая в браузер Web-страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например: <А HREF-"fі1е.htm"> Указатель ссылки</А> Если загружаемая в браузер Web-страница размещена в Интернете, то в качестве адреса указывается Интернет-адрес, например: <А HREF="http://www.server.ru/Web-сайт/file.htm"> Указатель ссылки</А>
Контрольные вопросы 1. Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? Какова логическая структура Web-страницы? 2. Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта? Ввода абзацев? 3. Какой тэг и его атрибуты используются для вставки изображений в Web-страницы?
Содержание урока
Если у вас есть исправления или предложения к данному уроку, напишите нам. Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - Образовательный форум. |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
">
Авторські права | Privacy Policy |FAQ | Партнери | Контакти | Кейс-уроки
© Автор системы образования 7W и Гипермаркета Знаний - Владимир Спиваковский
При использовании материалов ресурса
ссылка на edufuture.biz обязательна (для интернет ресурсов -
гиперссылка).
edufuture.biz 2008-© Все права защищены.
Сайт edufuture.biz является порталом, в котором не предусмотрены темы политики, наркомании, алкоголизма, курения и других "взрослых" тем.
Ждем Ваши замечания и предложения на email: 
По вопросам рекламы и спонсорства пишите на email: 