рефераты конспекты курсовые дипломные лекции шпоры

Раздел Программирование
/
Структура HTML-документа

Реферат Курсовая Конспект

Выберите учебное заведение

Структура HTML-документа

Структура HTML-документа - раздел Программирование, Структура HTML-документа Html-Документ Состоит Из Слов Двух Типов: Служебных Слов И Собственно Текста,...

HTML-документ состоит из слов двух типов: служебных слов и собственно текста, выводимого на экран. Служебные слова называются тэгами (tags) и берутся в угловые скобки < >. В литературе тэги называют также дескрипторами и операторами. Тэги бывают двойными, называемые контейнерами (container), и одиночными. Примером контейнера служат тэги, задающие начало HTML-документа: <HTML> и его окончание: </HTML>. Тэг окончания контейнера отличается от тэга его начала наличием символа "/". Текст, находящийся между началом контейнера и его окончанием, является его содержимым.

Примером одиночного тэга служит тэг перевода на новую строку: <BR> (браузерами не обрабатываются символы текстовых редакторов перевода каретки CR и перехода на новую строку LF) .

В HTML-документе в наименованиях тэгов и их параметров, а также в словах, являющимися их значениями, заглавные и строчные буквы не различаются. В дальнейшем будем придерживаться следующего соглашения: наименования тэгов и параметров будут указываться заглавными буквами, а их значения - строчными буквами.

HTML-документ имеет следующую базовую структуру, которая состоит из заголовка HTML-документа и тела HTML-документа:

<HTML>

<HEAD>

. . .

</HEAD>

<BODY>

. . .

</BODY>

</HTML>

В заголовке HTML-документа, который находится внутри тэга-контейнера <HEAD> . . . </HEAD>, помещается информация, которая не выводится в основное поле Web-страницы. Она используется браузером для других целей. Например, с помощью контейнера <TITLE>. . . </TITLE> задается заголовок Web-страницы, помещаемый вверху экрана. Этот заголовок указывается в перечне посещенных страниц и в других местах. Поэтому, если разработчик Web-страницы хочет, чтобы его сайт был востребован, ему необходимо внимательно отнестись к содержимому заголовка Web-страницы.

Данная Web-страница имеет следующий заголовок: Лабораторная работа 1: форматирование текста на Web-странице средствами HTML - Microsoft Internet Explorer

Последние три слова добавляет сам браузер.

В теле HTML-документа, который находится внутри тэга-контейнера <BODY> . . . </BODY>, помещается текст, который будет непосредственно выводится на экран. Примером (№1) простейшего HTML-документа, выводящего на экран традиционное сообщение "Привет, мир!", является следующий текст:

Пример 1

<HTML>

<BODY>

Привет, мир!

</BODY>

</HTML>Оглавление

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

Щелкнув по кнопке "Пример 1" мы получим на экране результат выполнения этого HTML-документа: сообщение "Привет, мир!" находится в верхнем левом углу экрана, имеет черный цвет и небольшой размер букв (эти параметры заданы по умолчанию) и выглядит непривлекательно. Чтобы сделать его вид более приятным необходимо выполнить форматирование текста, т.е. задать его цвет, размер, выравнивание и другие параметры средствами HTML (см. раздел 2).

Чтобы вернуться назад к данной странице необходимо щелкнуть по стрелке Back (Назад) на панели управления браузера.

Чтобы увидеть исходный текст текущей Web-страницы необходимо на панели управления браузера выбрать View (Вид), а затем Source (Просмотр HTML-кода).

Отметим, что современные браузеры способны понимать и упрощенную структуру документа. Например, HTML-документ, состоящий из одной строки:

Привет, мир!

даст на экране такое же сообщение. Но мы в дальнейшем будем придерживаться полной формы HTML-документа.

Текст может быть разбит на параграфы. Для указания параграфа используется контейнер <P> . . . </P>:

<P>

Текст

параграфа

</P>

На экране между параграфами вставляется пустая строка. Тэг окончания параграфа </P> можно не указывать. В этом случае тэг начала следующего параграфа <P> (или </BODY>) будет означать закрытие текущего.

Для указания одно- и многострочных комментариев в HTML-документе используется такая конструкция:

<!--

Этот текст браузером не обрабатывается.

Он закомментирован.

-->

Отметим, что комментарии помещаются в HTML-документе только между тэгами. Образец их использования приведен в примере № 2 Оглавление

Развернуть

Открыть в широком формате

– Конец работы –

Эта тема принадлежит разделу:

Структура HTML-документа

Форматирование текста с помощью HTML... Задание полей на Web странице... Задание цвета на Web странице Выравнивание текста на Web странице...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Структура HTML-документа

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Выравнивание текста на Web-странице
Каждый параграф текста может быть выравнен по левому краю, по правому краю, по обеим краям (по ширине) или по центру экрана. Для этого используется параметр ALIGN тэга <P>. Он

Адание заголовков HTML-документа
В HTML-документе может быть использовано до шести заголовков разного уровня. Они задаются с помощью тэгов- контейнеров от <H1> . . . </H1> (самый высокий уровень) до <H6> . . . &l

Адание шрифта по имени
Поскольку неизвестно, какой тип шрифтов использует браузер на стороне пользователя, можно с помощью параметра FACE тэга <FONT> явным образом указать тип шрифта по имени.

Физическое форматирование символов
В HTML предусмотрено несколько тэгов-контейнеров для физического форматирования символов. Эти тэги определяют внешний вид символов явным образом в противоположность тэгам логическог

Логическое форматирование символов
Тэги логического форматирования символов в отличие от тэгов физического форматирования указывают участки текста, различаемые по смысловому содержанию, способ выделения которых на эк

Вставка специальных символов
В HTML предусмотрено четыре специальных символов, предназначенных для служебных целей (для выделения тэгов и значений их параметров). Это символы <, >, & и ". Они инт

Выделение текста горизонтальной линией
При оформлении Web-страниц часто используется такой прием, как разделение параграфов текста горизонтальной линией. Для того, чтобы вставить в HTML-документ горизонтальную р

Формат CSS
Каскадные листы стилей имеют следующий формат: CSS-идентификатор {свойство1:значение; свойство2:значение; . . .} В качестве CSS-иде

Свойство writing-mode
Свойство writing-mode задает направление строк текста: горизонтальное или вертикальное и может принимать следующие значения: lr-tb - задает обычное горизонтальное расположе

Свойство вертикального выравнивания
Для вертикаьного выравнивания текста используется свойство vertical-align , которое может иметь следующие значения: baseline - выравнивание базовой линии элемента по базово