Основы языка разметки гипертекста

KNOWLEDGE HYPERMARKET

Гипермаркет знаний>>Информатика>>Информатика 10 класс>>Информатика: Основы языка разметки гипертекста

Основы языка разметки гипертекста

Структура HTML-кода Web-страницы.

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>

</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 достаточно указать только имя файла. Например:

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

Если файл находится на удаленном сервере в Интернете, то должен быть указан Интернет-адрес этого файла. Например:

Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN, который может принимать пять различных значений: TCP (верх), KIDDLE (середина), BOTTOM (низ), LEFT (слева) и 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-страницы?

Информатика и ИКТ: Учебник для 10 кл. Н.Д. Угринович

Содержание урока
 конспект урока                       
 опорный каркас  
 презентация урока
 акселеративные методы 
 интерактивные технологии 

Практика
 задачи и упражнения 
 самопроверка
 практикумы, тренинги, кейсы, квесты
 домашние задания
 дискуссионные вопросы
 риторические вопросы от учеников

Иллюстрации
 аудио-, видеоклипы и мультимедиа 
 фотографии, картинки 
 графики, таблицы, схемы
 юмор, анекдоты, приколы, комиксы
 притчи, поговорки, кроссворды, цитаты

Дополнения
 рефераты
 статьи 
 фишки для любознательных 
 шпаргалки 
 учебники основные и дополнительные
 словарь терминов                          
 прочие 

Совершенствование учебников и уроков
 исправление ошибок в учебнике
 обновление фрагмента в учебнике 
 элементы новаторства на уроке 
 замена устаревших знаний новыми 

Только для учителей
 идеальные уроки 
 календарный план на год  
 методические рекомендации  
 программы
 обсуждения


Интегрированные уроки

Если у вас есть исправления или предложения к данному уроку, напишите нам.

Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - Образовательный форум.

Источник — «http://edufuture.biz/index.php?title=%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D1%8B_%D1%8F%D0%B7%D1%8B%D0%BA%D0%B0_%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%82%D0%BA%D0%B8_%D0%B3%D0%B8%D0%BF%D0%B5%D1%80%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0»

При использовании материалов ресурса
ссылка на edufuture.biz обязательна (для интернет ресурсов - гиперссылка).
edufuture.biz 2008-© Все права защищены.
Сайт edufuture.biz является порталом, в котором не предусмотрены темы политики, наркомании, алкоголизма, курения и других "взрослых" тем.

Разработка - Гипермаркет знаний 2008-

Ждем Ваши замечания и предложения на email:
По вопросам рекламы и спонсорства пишите на email: