- •2. Описание выполненных работ
- •2.1. Техническое задание на разработку
- •2.1.1. Введение
- •2.1.2 Основание для разработки
- •2.1.3 Назначение разработки
- •2.1.4 Требования к программе
- •2.2. Описание языка гипертекстовой разметки html
- •2.3. Структура языка гипертекстовой разметки html документа
- •2.4. Создание заголовка
- •2.5. Атрибуты html
- •2.6. Создание абзаца в языке гипертекстовой разметки html
- •2.7. Заголовки
- •2.8. Отображения на web-странице изображений
- •2.9. Язык программирования Java Script
- •2.10. Анализ некоторых существующих сайтов (Таб. 2)
2.5. Атрибуты html
MARGINHEIGHT – определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Netscape.
TOPMARGIN – определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer.
MARGINWIDTH – определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Netscape.
LEFTMARGIN – определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Internet Explorer.
BACKGROUND – определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате GIF или JPG.
BGCOLOR – определяет цвет фона документа.
TEXT – определяет цвет текста в документе.
LINK – определяет цвет гиперссылок в документе.
ALINK – определяет цвет подсветки гиперссылок в момент нажатия.
VLINK – определяет цвет гиперссылок на документы, которые вы уже просмотрели.
Значения атрибутов BGCOLOR, TEXT, LINK, ALINK и VLINK задаются либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов. Пример:
<HTML>
<BODY BACKGROUND="images/bricks.jpg" BGCOLOR="#202020" TEXT="#FFFFFF" LINK="#FF0000" VLINK="#505050" MARGINHEIGHT="30" TOPMARGIN="30" LEFTMARGIN="40" MARGINWIDTH="40">
...
Текст документа.
...
</BODY>
</HTML>
2.6. Создание абзаца в языке гипертекстовой разметки html
Основные области WEB-страниц заняты, как правило, текстом. Текстовые блоки состоят из отдельных строк, объединенных в абзацы. Абзацы начинаются с новой строки, а группы абзацев отделяются друг от друга заголовками.
При оформлении обычных текстовых документов законченные мысли представляются в виде абзацев. Этого правила придерживаются и в процессе создания документов для WEB. Более того, в случае WEB-страниц четкое деление текста на абзацы является обязательным, поскольку тексты должны быть лаконичными и допускать возможность беглого чтения.
Для создания абзаца в языке HTML предусмотрены несколько возможностей. Простейшая из них – это использование тегов <p> и <p>, между которыми помещается текст абзаца.
Код страницы содержащей абзацы, может иметь вид:
<HTML>
<HEAD>
<TITLE> Разбиение на абзацы </TITLE>
</HEAD>
<BODY>
<p>Ричард Бах</p>
<p>Единственная</p>
<p>Мы прошли долгий путь, правда?</p>
<p>Впервые мы встретились двадцать пять лет тому назад. Тогда я был летчиком, очарованным полетом, и пытался найти смысл жизни в показаниях приборов. Двадцать лет назад наше путешествие привело нас в новый необычный мир, распахнутый для нас крыльями Чайки.</p>
</BODY>
</HTML>
2.7. Заголовки
HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег <H1> представляет собой наиболее важный заголовок первого уровня, а тег <H6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги <H1>...<H6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство. Видом заголовком легко можно управлять с помощью стилей.
Синтаксис:
<h1>Заголовок 1-го уровня</h1>
<h2>Заголовок 2-го уровня</h2> ...
<h6>Заголовок 6-го уровня</h6>
Закрывающий тег обязателен. К параметрам относятся:
Align - определяет выравнивание заголовка.