2018-01-21
1755
Язык HTML определяет правила описания гипертекстов и отображения их браузерами на экранах компьютеров.
Гипертексты должны начинаться со слова <html> и заканчиваться </html>. Слова в угловых скобках <> в языке HTML называются тэгами, а в программировании – дескрипторами. Почти все тэги HTML парные - <html> и </html>, <head> и </head> и т.д.
Парные тэги выделяют некоторый фрагмент гипертекста – «заглавие», «тело» и т.д. Первый тэг начинает фрагмент, а второй завершает его. В закрывающих дескрипторах перед именем ставиться знак дроби /.
Общая структура гипертекстов, записанных в языке HTML:
гипертекст::= <html> заглавие тело </html>
заглавие ::= <head> т итул </head>
титул ::= <title> название </title>
тело ::= <body> текст </body>
В соответствии с правилами HTML гипертексты обязаны иметь «заглавие» и «тело». Как публикации гипертексты могут иметь и должны содержать сведения об авторах и владельцах авторских прав (сайтов).
В заглавии гипертекста должно содержаться «название», которое браузерами отображается на самой верхней строке экрана компьютера. Название должно выражать главную идею публикации (страницы). Гипертекст без названия – это как статья без названия.
«Тело» гипертекста может содержать тексты, таблицы, фотографии и иллюстрации. Отличие электронных гипертекстов от обычных текстов – включение гиперссылок, нажатие на которые вызывает загрузку новых гипертекстов.
Текстовая часть может состоять из строк и абзацев с заголовками и без заголовков, со списками, таблицами и меню.
тело::= <body> текст </body>
текст ::= заголовок { текст } |
абзац { текст } |
ссылки { текст } |
список { текст } |
таблица { текст }
Заголовки в гипертекстах оформляются в следующем виде:
заголовок::= <h1 > название </h1>
заголовок ::= <h2 > название </h2>
заголовок ::= <h6 > название </h6>
где тэги h1,..., h6 задают размер заголовков по отношению к основному тексту, это может быть применимо и к любому слову в тексте.
Пример гипертекста с заголовками с абзацами:
Гипертекст: Результат:
| <html><title> Первые стихи </title> <body> <h1> Первые стихи: </h1> <p> В лесу родилась елочка,<br> В лесу она росла, <p>Зимой и летом стройная, зеленая была. </body> </html> | Первые стихи | |
| <адрес> | ||
| Первые стихи: В лесу родилась елочка В лесу она росла, Зимой и летом стройная, зеленая была |
Абзацы в гипертекстах начинаются с дескриптора <p>;
абзац ::= <p [ параметры } > гипертекст </p>
Переход на новую строку в абзацах указывается дескриптором <br>. Конец абзаца </p> не обязателен,но необходим при использовании параметров в дескрипторе абзаца.
Основной параметр абзацев – align – выравнивание текстов на экране компьютера. Выравнивание текстов производится браузерами автоматически в соответствии с размерами экрана компьютерами:
align=center -по центру экрана;
align=left -к левому краю;
align=right -к правому краю;
align=justify -на весь экран.
Пример гипертекста с выравниванием абзацев:
Гипертекст: Результат:
| <html><title> Первые стихи </title> <body> <p align=center>Первые стихи: <p align=left>В лесу родилась елочка, <p align=right>В лесу она росла, <p align=justify>Зимой и летом стройная, зеленая была. «Детская песенка» </body> </html> | Первые стихи | |
| <адрес> | ||
| Первые стихи: В лесу родилась елочка В лесу она росла, Зимой и летом стройная, зеленая была «Детская песенка» |
Данный «образец» - это «пример», как не нужно выравнивать тексты на экранах компьютеров. Для выравнивания абзацев должен быть выбран единый общий стиль, который необходимо применять ко всем абзацам во всех гипертекстах на сайте.
Для оформления гипертекстов язык разметки HTML имеет богатый спектр шрифтов, стилей и ресурсов. Наиболее простое средство оформления – выделение слов в целях привлечения внимания посетителей сайтов к отдельным частям текстов.
Для выделения слов в гипертекстах можно использовать жирный шрифт, курсив или подчеркивание с помощью следующих тэгов:
< big> Большие символы </ big>
<b> жирный шрифт </b>
<i> курсив </i>
<u> подчеркивание </u>
<strike> перечеркивание </strike>
<small> Маленькие символы </small>
Пример гипертекста, оформленного с выделением заголовков, курсива, подчеркиванием и жирного шрифта:
Гипертекст: Результат:
| <html><title> выделенные слова </title> <body> <h1> Первые стихи: </h1> <p> В лесу родилась<u> елочка </u><br> <big>В лесу </big> она росла, <p><p> Зимой и летом стройная, <br> <i>зеленая </i> была. </body> </html> | выделенные слова | |
| <адрес> | ||
| Первые стихи: В лесу родилась елочка В лесуона росла, Зимой и летом стройная, зеленая была |
Шрифтовое выделение в гипертекстах задается тэгом <font>:
шрифты ::= <font параметры > текст </font>
Параметры шрифтов – их размер и тип. Размеры шрифта задаются параметром size = размер
Размер указывается явно от 1 до 6, либо в форме увеличения +1, +2 или уменьшения -1, -2.
Тип шрифта задается параметром
face = шрифт
Здесь шрифт – один из стандартных шрифтов « Times», «Courier» и т.д.
Цвет шрифта задается параметром color = цвет, где цвет – цвет выделенного фрагмента гипертекста. Например – выделение текста красным цветом:
<font color = red> текст </font>
Стандартные названия цветов в языке HTML:
red -красный, green -зеленый,
blue -синий, black – черный,
white -белый, gold -золотой,
yellow - желтый и т.д.
Для оформления гипертекстов лучше всего взять за образец хорошую книгу или журнал, изданные профессиональным издательством, либо чью-то профессионально оформленную электронную книгу, газету или сайт в Internet.
Единый стиль оформления – это важное свойство любой публикации в книгах, журналах и на сайтах. В дальнейшем лучше всего придерживаться принятого эталона и стиля оформления на весь период создания и сопровождения сайта.
Фрагменты гипертекстов могут размещаться на одном и том же сайте либо на нескольких сайтах или даже на нескольких серверах. Во внешних гиперссылках указываются имена соответствующих файлов на сайте, сервере или в сети Internet.
Общая форма гиперссылок:
гиперссылка ::= <a href = «адрес» надпись </a>
где «адрес» - это адрес гипертекста внутри сайта или на другом сервере сети Internet.
Формы адресов страниц на сайтах:
http:// сайт.сервер - адрес главной страницы сайта
http:// сайт.сервер/файл - адрес страницы сайта
http:// сайт.сервер/папка/файл - адрес страницы в папке сайта
Примеры внешних гиперссылок:
а) адрес сайта в Internet:
Http://bak2.narod.ru
б) адрес страницы на сайте:
