Применение языка HTML

 

Переход на новую строку и абзацах указывается дескриптором <bг> . Конец абзаца </р> не обязателен, но необходим при использовании параметров в дескрипторе абзаца.

Основной параметр абзацев — align — выравнивание текстов на экране ЭВМ. Выравнивание текстов производится браузерами автоматически в соответствии с размерами экрана ЭВМ:

 

align=center- по центру экрана:

 

align=left- к левому краю;

 

align=right - к правому краю;

 

align=justify - на весь экран.

 

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

Для оформления гипертекстов язык разметки HTML имеет богатый спектр шрифтов, стилей и ресурсов. Наиболее простое средство оформления — выделение слов в целях привлечения внимания читателей сайтов к отдельным частям текстов.

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

 

<big> Большие символы </big>

 

<b> жирный шрифт </b>

 

<i> курсив </ i>

 

<u>подчеркивание </u>

 

<strike> перечеркивание </strike>

 

<small> маленькие символы </small>

 

Шрифтовое выделение в гипертекстах задается тэгом <font>: шрифты:: = < font параметры> текст </ font>

 

Параметры шрифтов - их размер и тип. Размеры шрифта задаются параметром size = размер.

 

Размер указывается явно от 1 до 6, либо в форме увеличения +1, +2 или уменьшении - 1, - 2.

 

Тип шрифта задается параметром

 

face = шрифт

 

Здесь шрифт — один из стандартных шрифтов: «Times», «Courier» и т. д.

 

Цвет шрифта задается параметром со1ог = цвет, где цвет — цвет выделенного фрагмента гипертекста. Например — выделение текста красным цветом:

 

< font color = гed > текст </ font >

 

Стандартные названия цветов в языке НТМL:

 

red - красный, green - зеленый, blue – синий, black—черный,

 

white - белый, gold - золотой, yellow—желтый и т. д.

 

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

 

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

 

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

 

Общая форма внешних гиперссылок:

 

гиперссылка ::= <a href = «адрес» > надпись </ a>

 

где «адрес» — это адрес гипертекста внутри сайта или на другом сервере сети Интернет.

 

Примеры внешних гиперссылок:

 

а)адрес сайта в Интернет:

 

http: // bак2.naгоd.гu

 

б)адрес страницы на сайте:

 

http: // bак2.naгоd.гu / inrogl.html.

 

в)адрес страницы в папке сайта;

 

http: // bак2.naгоd.гu / tests / test2.html.

 

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

 

а)ссылка на страницу внутри того же сайта:

 

<a href = « inrogl.html. > оглавление </ а>

 

б)ссылка на страницу внутри того же сайта, но в другой папке:

 

<a href = «tests / test2.html» > тесты 2 </ а>

 

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

 

Графические файлы обычно размешаются на сайтах и отдельной папке с именем image. Загрузка иллюстраций на экраны пользовательских ЭВМ проводится браузерами с помощью операторов <img>:

 

<img src = «адрес»>

 

Общая форма операторов загрузки графических иллюстраций:

 

<img src = «адрес» параметры>

 

Расположение иллюстраций на экране ЭВМ задается параметрами выравнивания: align=left— по левому краю, align=right — по правому краю экрана. Текст при этом обтекает иллюстрации соответственно справа пли слепа.

 

Иллюстрации могут быть прижаты к верхнему или нижнему краю экрана, что задается параметрами: align =top - к верхнему краю, align=bottom - к нижнему краю экрана, либо выровнены по середине экрана — align = middle.

 

Для расположения иллюстрации па экране ЭВМ в операторе загрузки могут быть указаны их ширина и высота:

 

высота:= height= «высота»

 

ширина:= width= «длина»

 

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

Размеры иллюстраций обычно выбирают так, чтобы они были видны целиком даже на экранах ЭВМ с минимальным размером. Если кран ЭВМ больше, то иллюстрации будут занимать только его часть.

Гипертекстовые списки — это перечни с нумерацией или выделением элементов списков. Все элементы начинаются тэгами <li>. Нумерованные списки начинаются тэгом <ol> и заканчиваются тэгом </ol>. Ненумерованные списки ограничиваются тэгами <ul> </ul>.

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

 

 

 

 

 

 

 

 

Заключение 

 

HTML — это язык разметки  гипертекстов (hypertext markup language).

Все размещаемые файлы должны быть гипертекстами, записанными в формате HTML и имеющими идентификаторы вида <имя>.html.

Язык HTML — это язык разметки гипертекстов, хранящихся на Web-серверах и отображаемых браузерами на экранах ЭВМ. Язык HTML определяет правила описания гипертекстов и отображения их браузерами на экранах компьютеров.

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

 

Основные правила вложения элементов:

 

Элементы не должны пересекаться;

Блочные элементы могут содержать вложенные блочные и текстовые элементы;

Текстовые элементы могут содержать вложенные текстовые элементы;

Текстовые элементы не могут содержать вложенные блочные элементы.

Строго говоря, все правила языка HTML. можно рассматривать исключительно как «пожелания». Средство, используемое для отображения Web-документа, сделает все возможное, чтобы истолковать разметку наиболее разумным образом. Тем не менее, гарантию правильного воспроизведения документа дает только неукоснительное следование требованиям спецификации языка.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Список литературы 

1. «Экономическая информатика» /Под. ред. П.В. Конюховского и Д.Н. Колесова, СПб: Питер, 2000, 560с.

 

2. Каймин В.А., «Информатика», учеб.4-е изд. М.:,2003-285с.

 

3. «Информатика» /коллектив  авторов: Веретенникова Е.Г., Патрушина С.М., Савельева Н.Г., учеб. Пособ., Ростов Н/Д, 2002, 416с.

 

4. «Информатика», базовый  курс, 2-е издание /Под. ред. С.В. Симоновича, СПб.: 2003, 640с.

 

5. «Информатика» учеб. 3-е  перераб. изд./Под. ред. проф. Н.В. Макаровой, М.: 2000, 768с.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Содержание:

Введение.................................................................................................................2

1. Применение языка HTML.................................................................................2 

1.1 Структура документа HTML. ........................................................................2

2. Создание сайтов в  интернет..............................................................................4 

3. Язык гиппертекстов HTML. ............................................................................6  

Заключение............................................................................................................11

Список литературы. .............................................................................................12