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


Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

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



 

Разметка документа, языки разметки документов, Hyper Text Markup Language, тэг (tag), структура HTML-документа, основные тэги HTML.

Обязательно изложить

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 и др.), окажутся в гораздо более выигрышном положении перед учащимися, выполнявшими такого рода работу только с помощью указанных редакторов.

 

Примечание для учеников

Для успешного освоения материала данного вопроса достаточно сверстать вручную (без использования визуального редактора) 2—3 страницы HTML-документов. Это поможет понять смысл и назначение основных тэгов HTML.

 



Поделиться:


Последнее изменение этой страницы: 2020-03-13; просмотров: 113; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.133.144.18 (0.005 с.)