- •Часть I. Основы разработки web-документов средствами языка разметки гипертекста html
- •1.1 Создание Web-документов на языке html
- •1.1.1 Структура html-документа
- •1.1.2 Функциональные блочные элементы. Флаги
- •1.1.3 Списки
- •1.1.4 Таблицы
- •1.1.5 Комментарии
- •1.2 Форматирование текста
- •1.2.1 Гиперссылки
- •1.2.2 Подготовка и использование графических файлов
- •Часть 2. Создание интерактивных Веб - страниц и динамической графики при помощи языка JavaScript
- •2.1 Элементы языка JavaScript
- •Часть 4. «Создание динамических графиков»
1.1.4 Таблицы
Таблицы удобны для представления больших объемов данных. Таблица в языке HTML задается при помощи парного флага <TABLE> . Она может содержать заголовок, определяемый парным флагом <CAPTION> и строки таблицы, которые задаются при помощи парных флагов <TR>. Закрывающий флаг </TR> можно опустить. Каждая строка таблицы содержит ячейки таблицы, которые могут относиться к двум разным типам. Ячейки в заголовках столбцов строк задают парным флагом <TH>, обычные ячейки парным флагом <TD>. Закрывающие флаги </TH> и </TD> можно опустить. Атрибуты элементов, используемых при создании таблиц:
a) ALIGN. Элемент – таблица, заголовок, строка, ячейка.
Используются для выравнивания таблицы по горизонтали, размещения заголовка над или под Таблицей.
b) WIDTH. Элемент – строка, ячейка. Задается ширина.
c) HIGHT. Элемент – ячейка. Задается высота.
d) BGCOLOR. Элементы – таблица, ячейка. Задает цвет фона
e) BORDER. Элемент – таблица. Отображение границ ячеек и внешней рамки таблицы.
1.1.5 Комментарии
Комментарии помещаются между флагами <DL> и </DL>. Термины внутри комментария начинаются флагом <DT>, определения начинаются с флага <DD>.
Синтаксис.
<DL>
<DT>…<DD>…
</DL>
Пример:
<DL>
<DT> Байт <DD> Содержит8 битов.
<DT>Килобайт <DD> Содержит 1024 байтов.
</DL>
Этот текст будет отображен так.
Байт
Содержит 8 битов
Килобайт
Содержит 1024 байтов.
1.2 Форматирование текста
Управление форматированием текста не является основной задачей языка HTML. Поэтому текстовые элементы, выполняющие задачи форматирования рассматриваются как устаревшие. К ним относятся версии, начиная с HTML 4.0. Их использование не рекомендуется.
Парный флаг <Front> управляет параметрами шрифта. Он должен
содержать хотя бы один из трех атрибутов: Color=, Face=, Size = . Атрибут Color= задает цвет текста. Например, Color= “Red”. Атрибут Size=
определяет размер шрифта в относительных единицах от 1 до 7. Например, Size=4 . Этот атрибут можно задавать со знаком + или – относительно текущего размера. Например, <Front Size=+2> . Атрибут Face= задает гарнитуру шрифта.
Пример:
<FRONT SIZE=4> Шрифт 4-го размера </FRONT>
<FRONT COLOR = “GREEN”> Этот текст зеленый </FRONT>
Начертание символов задается при помощи парных флагов: <B> (полужирный шрифт), <I> (курсив), <U> (подчеркнутый текст), <S> (вычеркнутый текст). Их использование не рекомендуется. Вместо них следует использовать парные флаги <EM> (выделение), <STRONG> (сильное выделение).
Для описания компьютерных программ используют парные флаги <CODE> (исходный текст программы), <KBD> (текст, вводимый с клавиатуры, <SAMP> (пример ввода программы), <VAR> (программные переменные).
1.2.1 Гиперссылки
HTML- документ является гипертекстовым. Флаг гиперссылки является одним из наиболее важных флагов языка HTML. Этот флаг помечает текст или графическое изображение, как цель перемещения в Интернете.
Гиперссылка определяется парным флагом <А> и </А>. Флаг <А> включает в себя насколько атрибутов. Обязательным является наличие одного из
следующих атрибутов – Name или HREF.В качестве значения атрибута используется URL адрес документа, на который указывается ссылка. Им может быть произвольный документ, располагающийся на общедоступном узле сети (Web-узел, архив FTP и пр.). Например, чтобы попасть на сайт файловых архивов следует записать гиперссылку <A HREF= ftp.caroms.com>.
При указании директории /Pub/Gutenberg попадаем в каталог хранения книг в электронном виде. Для попадания на Web-сайт, например сайт провайдера Cityline, следует указать гиперссылку.
<A HREF= http://www.cityline.ru>.
Для создания гиперссылки, например, во втором задании на первое Zadanie с именем Zadanie1 в текст второго задания следует вставить строку
<A HREF=”Zadanie1.htm”> Zadanie1</A>