Добавил:
ivanov666
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:Практические аспекты разработки веб-ресурсов. Учебное пособие
.pdf
Атрибуты таблицы
<table border=#>
Задает толщину рамки таблицы.
<table cellspacing=#>
Задает расстояние между ячейками таблицы.
<table cellpadding=#>
Задает расстояние между содержимым ячейки
и ее рамкой.
<table width=#>
Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
<tr align=?> или <td align=?>
Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
<tr valign=?> или <td valign=?>
Устанавливает вертикальное выравнивание для ячеек
таблицы, принимает значения: top, middle, или bottom.
<td colspan=#>
Указывает кол-во столбцов, которое объединено в одной ячейке (по умолчанию=1).
<td rowspan=#>
Указывает кол-во строк, которое объединено в одной
ячейке (по умолчанию=1).
<td nowrap>
Не позволяет программе просмотра делать перевод
строки в ячейке таблицы.
Кадры
<frameset></frameset>
Предваряет тег <body> в документе, содержащем
кадры.
<frameset rows=«value,value»>
Определяет строки в таблице кадров, высота которых
определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров.
<frameset cols=«value,value»>
Определяет столбцы в таблице кадров, ширина которых
определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров.
<frame>
Определяет единичный кадр или область
в таблице кадров.
<noframes></noframes>
Определяет, что будет показано в окне браузера, если
он не поддерживает кадры.
11
Атрибуты кадров
<frame src=«URL»>
Определяет, какой из HTML документов будет показан
в кадре.
<frame name=«name»>
Указывает Имя кадра или области, что позволяет перенаправлять информацию в этот кадр или область из
других кадров.
<frame marginwidth=#>
Определяет величину отступов по левому и правому
краям кадра; должно быть равно или больше 1.
<frame marginheight=#>
Определяет величину отступов по верхнему и нижнему
краям кадра; должно быть равно или больше 1.
<frame scrolling=VALUE>
Указывает, будет ли выводиться линейка прокрутки в
кадре; значение value может быть «yes,» «no,» или
«auto». Значение по умолчанию для обычных документов — auto.
<frame noresize>
Препятствует изменению размеров кадра.
Формы
Для форм, выполняющих какие-то функции, должны быть запущены соответствующие CGI
скрипты на сервере. HTML только создает внешний интерфейс формы.
<form></form>
Создает формы.
<select multiple name=«NAME»
size=?></select>
Создает скролируемое меню. Size устанавливает кол-во
пунктов меню, которое будет показано на экране,
остальные будут доступны при использовании
прокрутки.
<option>
Указывает каждый отдельный элемент меню.
<select name=«NAME»></select>
Создает ниспадающее меню.
<option>
Указывает каждый отдельный элемент меню.
<textarea name=«NAME» cols=40
rows=8></textarea>
Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.
<input type=«checkbox»
name=«NAME»>
Создает checkbox. За тегом следует текст.
<input type=«radio»
name=«NAME» value=«x»>
Создает radio кнопку. За тегом следует текст.
12
Формы
<input type=text name=«foo»
size=20>
Создает строку для ввода текста. Параметром Size указывается длина в символах.
<input type=«submit» value=«NAME»>
Создает кнопку «Принять».
<input type=«image» border=0
name=«NAME» src=«name.gif»>
Создает кнопку «Принять», для этого используется
изображение.
<input type=«reset»>
Создает кнопку «Отмена».
Тема 1. Пример 1.1
<HTML>
<TITLE>Простой HTML-документ</TITLE>
<BODY>
<H1>Заголовок</H1>
Текст страницы
</BODY>
</HTML>
Тема 2
Тема 2. Пример 2.1
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.0//EN»>
<HTML>
<HEAD>
<TITLE>HTML-документ</TITLE>
</HEAD>
<BODY>
<H1>Заголовок</H1>
<P>Первый абзац
<P>Второй абзац
</BODY>
</HTML>
13
Тема 2. Пример 2.2
<HTML>
<TITLE>Пример задания цветов в элементе BODY</TITLE>
<BODY
text = «black»
link = «#0080FF»
vlink = «blue»
alink = «navy»>
Обычный неформатированный текст должен
отображаться черным цветом
<P><A HREF = «ref1»>Непосещенная гиперссылка (голубой цвет)</A>
<P><A HREF = «ref2»>Посещенная гиперссылка (синий цвет)</A>
<P><A HREF = «ref3»>Выделенная гиперссылка
(темно-синий цвет)</A>
</BODY>
</HTML>
Тема 3. Пример 3.1
<TITLE>Именованные ссылки на символы</TITLE>
<BODY text = «yellow» bgcolor = «blue»>
<TITLE> Именованные ссылки на символы </TITLE><BR>
<BODY color = " yellow " bgcolor = " blue "
> <BR>
Текст HTML-документа <BR>
</BODY>
</BODY>
Тема 3. Пример 3.2
<TITLE>Задание начертания текста</TITLE>
Тема 3
<BODY>
<B>Полужирный текст</B><BR>
<I>Курсив</I><BR>
<U>Подчеркнутый текст</U><BR>
<S>Зачеркнутый текст</S><BR>
14
<BIG>Текст увеличенного размера</BIG><BR>
<SMALL>Текст уменьшенного размера</SMALL><BR>
<SUP>Верхний индекс</SUP>Текст<SUB>Нижний индекс</SUB><BR>
<TT>Текст, записанный моноширинным шрифтом</TT><BR>
</BODY>
Тема 3. Пример 3.3
<TITLE>Задание шрифта текста</TITLE>
<BODY>
<FONT face = «arial»>
<FONT size = 1>
Самый маленький текст шрифта Arial<BR>
</FONT>
<FONT size = 3>
Обычный текст шрифта Arial<BR>
</FONT>
<FONT size = 7>
Самый большой текст шрифта Arial<BR>
</FONT>
</FONT>
<FONT face = «times new roman»>
<FONT size = 1>
Самый маленький текст шрифта Times New Roman<BR>
</FONT>
<FONT size = 3>
Обычный текст шрифта Times New Roman<BR>
</FONT>
<FONT size = 7>
Самый большой текст шрифта Times New Roman<BR>
</FONT>
</FONT>
</BODY>
Тема 3. Пример 3.4
<TITLE>Текст программы (оригинал)</TITLE>
<BODY>
function fact(int num):int
15
if (num>0)
return fact(num-1)*num;
else
return 1;
end if
end function
</BODY>
Тема 3. Пример 3.5
<TITLE>Текст программы (с разрывами строк)</TITLE>
<BODY>
function fact(int num):int<BR>
if (num>0)<BR>
return fact(num-1)*num;<BR>
else <BR>
return 1;<BR>
end if <BR>
end function<BR>
</BODY>
Тема 3. Пример 3.6
<TITLE>Текст программы (PRE)</TITLE>
<BODY>
<PRE>
function fact(int num):int
if (num>0)
return fact(num-1)*num;
else
return 1;
end if
end function
</PRE>
</BODY>
16
Тема 3. Пример 3.7
<BODY>
Это длинное-длинное слово отображается браузером с дефисом и
переносится в месте дефиса.<BR>
Слова этого текста могут разрываться в
указанных местах.<BR>
<NOBR>
А этот текст не разрывается несмотря на наличие в нем
символов переноса.
</NOBR>
</BODY>
Тема 3. Пример 3.8
<TITLE>Разбиение текста на абзацы</TITLE>
<BODY>
<P title = «Первый абзац»>
Неформатированный текст
<P align = «right» title = «второй абзац»>
Текст с <B>изменением <I>начертания</I></B>
<P align = «center» title = «третий абзац»>
<FONT size = «+2» face = «arial»>Текст с измененным шрифтом</FONT>
<P align = «justify» title = «четвертый абзац»>
Текст этого абзаца автоматически выравнивается по ширине
справа и слева при переносе слов
</BODY>
Тема 3. Пример 3.9
<TITLE>Использование различных типов фраз</TITLE>
<BODY>
Обычный текст <BR>
Выделение: <EM>Важный текст</EM><BR>
Сильное выделение: <STRONG>Это очень важный текст</sTRONG><BR>
Цитата, ссылка: <CITE>см. стандарт ISO 3273</CITE><BR>
Определение: <DFN>WWW — это...</DFN><BR>
Пользователь должен ввести:<KBD>Пример ввода пользователя
</KBD><BR>
Переменная: <VAR>strText</VAR><BR>
17
Аббревиатуры: <ABBR>HTTP, WWW, FTP</ABBR><BR>
Сокращения: <ACRONYM>Внешпосылторг, UNIBEL</ACRONYM><BR>
Фрагмент программы в тексте:<CODE>CALL main</CODE><BR>
Пример программы:<SAMP>void main(){return;}</SAMP><BR>
</BODY>
Тема 4
Тема 4. Пример 4.1
<TITLE>Маркированные списки</TITLE>
<BODY>
Список с закрашенными круглыми маркерами
<UL>
<LI> Первый элемент
<LI> Второй элемент
</UL>
Список с круглыми незакрашенными маркерами
<UL type = «circle»>
<LI> Первый элемент
<LI> Второй элемент
</UL>
Список с квадратными маркерами
<UL type = «square»>
<LI> Первый элемент
<LI> Второй элемент
</UL>
Список с разными маркерами элементов
<UL>
<LI> Закрашенный круг
<LI type = «circle»> Окружность (type = circle)
<LI type = «square»> Квадрат (type = square)
</UL>
</BODY>
18
Тема 4. Пример 4.2
<TITLE>Нумерованные списки</TITLE>
<BODY>
Нумерация арабскими цифрами
<OL>
<LI> Первый элемент
<LI> Второй элемент
</OL>
Продолжение нумерации, но большими римскими цифрами
<OL type = «I» start = 3>
<LI> Третий элемент
<LI> Четвертый элемент
</OL>
Новый список, нумерация большими латинскими буквами
<OL type = «A»>
<LI> Первый элемент
<LI> Второй элемент
</OL>
</BODY>
Тема 4. Пример 4.3
<TITLE>Изменение нумерации</TITLE>
<BODY>
<OL>
<LI> Первый элемент
<LI value = 10> Второй элемент
<LI> Третий элемент
<LI value = 20 type = «A»> Четвертый элемент
<LI type = «A»> Пятый элемент
</OL>
</BODY>
Тема 4. Пример 4.4
<TITLE>Список определений</TITLE>
<BODY>
<DL>
19
<DT>HTML
<DD>Широко используемый язык гипертекстовой разметки
<DT>WWW
<DD>От англ. World Wide Web, глобальная сеть из соединенных
между собой гипертекстовых документов
</DL>
</BODY>
Тема 4. Пример 4.5
<TITLE>Использование вложенных списков</TITLE>
<BODY>
<OL>
<LI>Первый элемент списка. Имеет две составляющих:
<UL>
<LI>Первая составляющая
<LI>Вторая составляющая
</UL>
<LI>Второй элемент списка. Имеет три составляющих:
<UL>
<LI>Первая составляющая. Также разделяется на две части:
<UL>
<LI> Первая часть
<LI> Вторая часть
</UL>
<LI>Вторая составляющая
</UL>
<LI>Третий элемент списка
</OL>
</BODY>
Тема 4. Пример 4.6
<TITLE>Вложение списка в список определений</TITLE>
<BODY>
<DL>
<DT><STRONG>Неисправность</STRONG>
<DD>Отсутствие соединения компьютеров сети (PING-тест не проходит)
<DT><STRONG>Возможные причины</STRONG>
20
Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]