«Html» - Курсовая работа

Всемирная паутина (World Wide Web-WWW) состоит из множества связанных между собой электронных документов, представляющих кладезь информационных данных, описанных с помощью специальных технологических правил. Эти правила составляются на языке гипертекстовой разметки HTML (HyperText Markup Language).

Методическое пособие поcвящено описанию и разъяснению основ языка гипертекстовой разметки HTML, который в настоящее время является основой разработки электронных документов для Интернета.

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

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

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

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

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

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

Символы, заключённые в угловые скобки <>, являются HTML –командами, по которым браузер распознаёт, как следует преобразовать части текста, заключённые между этими командами.

Документ в целом должен быть отмечен как документ в формате HTML. Для этого он должен начинаться командой и заканчиваться командой .Документ HTML состоит из двух частей:

• заголовка (head)

• собственного документа (body)

Структура стандартного HTML - документа состоит из тегов:

ТЕГ - специальная команда языка HTML, описывающая документ и его структуру, а так же управляющая размещением фрагментов на экране компьютера при его обработке браузером.

ПАРАМЕТРЫ ГРАФИЧЕСКОГО ИЗОБРАЖЕНИЯ

WIDTH - ширина картинки

HEIGHT – высота картинки

ALIGH - выравнивание: LEFT, RIGHT, TOP (по верхней границе), BOTTOM (по нижней границе), MIDDLE или CENTER по центру.

HSPASE – горизонтальный отступ от графического изображения до текста

VSPASE - вертикальный отступ

BORDER - толщина границы.

НЕПАРНЫЕ МЕТКИ

<BR>- метка для перехода на новую строку не прерывая абзаца

<HR> - описывает горизонтальную линию, может содержать дополнительный атрибут SIZE и/или WIDTH

Например: <HR SIZE =4 WIDTH = 50 %> <BR>

& - последовательности.

Символы “<” и ”>” воспринимаются браузерами как начало и конец HTML-меток. Как показать их на экране? Это можно сделать с помощью & - последовательностей (эскейп – последовательности).

Знак “<” кодируется & LT;

“>” кодируется >

& - & – обязательный элемент последовательности;

все буквы должны быть в нижнем регистре.

Комментарии

В HTML описывается <!—комментарий -->

Стили шрифтов

Физические:

<B> и </B> - жирный

<I> и </I> - наклонный

<TT> и </TT> - имитация пишущей машинки

<U> и </U> - подчёркивание

<STRIKE> и </STRIKE> - зачёркнутый текст

Кроме того, можно увеличить или уменьшить высоту шрифта с помощью команд

<BIG> - большой шрифт

<SMALL>-маленький шрифт

<SUP> и </SUP> - надстрочный

<SUB> и </SUB> - подстрочный.

Существует два главных класса текстовой разметки: логические и физические.

Логический стиль (разметка) показывает роль текста, например: большую значимость по сравнению с обычным текстом.

Физический стиль связан с представлением текста специальной манере, например: с использованием шрифтов или специального подчёркивания.

Элементы разметки не должны перекрываться.

Например:

<B> текст <I></B> текст </I>

но может быть <B> текст <I> текст </I></B>

Флаги для выделения шрифта и текста

<B> и </B> - для выделения текста жирным шрифтом

<I> и </I> - курсивом

<U> и </U> -подчёркнут

<BLINK> и </BLINK> - текст будет мигать

<FONT SIZE = + n> и </FONT>

<FONT SIZE = - n> и </FONT> - флаги для изменения размера шрифта, где n в пределах от 1 до 7 относительно начального размера букв.

Для изменения цвета текущего текста можно в любом месте домашней страницы воспользоваться командой:

<FONT COLOR = “# OOOOFF”> и </FONT> - флаги для изменения цвета шрифта.

Флаги для формирования списков

Cписки предназначены для представления информации в упорядоченном виде.

В HTML- документах используются 3 вида списков:1-неупорядоченный список, 2- упорядоченный список, 3-списки –определения.

<OL> и </OL> - флаги, показывающие начало и конец нумерованного списка

<UL> и </UL> - флаги, показывающие начало и конец маркированного списка

<LI> - элемент списка