Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Основы языка разметки гипертекста (HTML). Базовые понятия

Тема 8. Гипертекстовые способы хранения и представления информации

 

Hyper Text Markup Language (HTML) является стан­дартным языком, предназначенным для создания ги­пертекстовых документов в среде Web. HTML-документы могут просматриваться различными типами браузеров (специальными программами, интерпретирующими та­кого рода гипертекстовые документы), наиболее извест­ным из которых является Internet Explorer. В отличие от документов, например текстового процессора Microsoft Word, документы в формате HTML не орга­низованы по принципу WYSIWYG (What You See Is What You Get — что видишь, то и получишь [при вы­воде на печать или монитор]). Когда документ создан с использованием HTML, браузер должен интерпретиро­вать HTML для выделения различных элементов доку­мента и первичной их обработки с целью их дальней­шего отображения в виде, задуманном автором.

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

Общая структура тэга и его содержимого такова: <тэг параметр_1=значение_1 параметр_2=значение_2... параметр_К=значение_К>содержимое элемента</тэг>

Любой HTML-документ имеет следующую структуру:

<HTML> <HEAD>

<!-- заголовок документа --> </HEAD> <BODY>

<!-- содержание документа --> </BODY> </HTML>

Заголовок содержит служебную информацию, в част­ности, предназначенную для поисковых систем.

Все тэги, которые предназначены для оформления до­кумента, могут быть условно разделены на несколько групп:

• форматирование;

• верстка таблиц;

• верстка списков;

• формирование гиперссылок;

• вставка изображений.

Тэт верстки, таблиц позволяют формировать и отобра­жать таблицы произвольной сложности. Вообще дизайне­ры довольно часто используют таблицы для оформления страниц, помещая в них меню, текст, рисунки и т.д.

Тэги верстки списков позволяют формировать мар­кированные и нумерованные списки.

Гипертекстовый документ невозможно представить себе без ссылок на другие документы (внутренние или внешние). Ссылки формирует тэг <А>...</А> -с обязательным параметром HREF.

Тэг для отображения рисунков — <IMG>. Он не имеет закрывающегося тэга и содержит обязательный параметр SRC, значением которого является адрес фай­ла с рисунком {относительный, т.е. на данном сайте, но, например, в другом каталоге, или абсолютный, если рисунок, например изображение счетчика, подгружает­ся с другого сайта).

Современные web-конструкторы и дизайнеры пользу­ются не только HTML, но и рядом его расширений, например, каскадными таблицами стилей (CSS), уп­равляют содержанием страниц средствами программи­рования.

Желательно изложить

Примеры других программных продуктов для раз­метки документов, принцип их действия.

Заголовок HTML-документа и назначение его эле­ментов.

Тэги форматирования текста и примеры их исполь­зования.

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

Тэги верстки списков и примеры их использования.

Графические форматы для web. Правила сохранения изображений для web, требования к изображениям. Па­раметры тэга IMG.

Понятие о CSS, языках программирования для web. Исполнение программ и скриптов на стороне сервера и клиента.

Примечания для учителей

Вопрос билета является в достаточной мере объем­ным,, поэтому наилучшее запоминание и усвоение ма­териала может быть достигнуто хорошей его структу­ризацией.

Следует отметить, что учащиеся, занимавшиеся верст­кой web-страниц без использования визуальных редакторов (Front Page и др.), окажутся в гораздо более выигрышном положении перед учащимися, выполнявшими такого рода работу только с помощью указанных редакторов.

 

<== предыдущая лекция | следующая лекция ==>
Структура статистической науки | Понятие и основные элементы гипертекстовой технологии
Поделиться с друзьями:


Дата добавления: 2014-01-11; Просмотров: 1279; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.009 сек.