Автор работы: Пользователь скрыл имя, 28 Января 2013 в 17:03, лекция
В 1962 г. Дж. Ликлайдером, руководителем исследовательского компьютерного проекта экспериментальной сети передачи пакетов в Управлении перспективных исследований и разработок Министерства обороны США (Defense Advanced Research Project Agency, DARPA), была опубликована серия заметок, в которых обсуждалась концепция "Галактической сети" ("Galactic Network"). "Галактическая сеть" представлялась как глобальная сеть взаимосвязанных компьютеров, позволяющая любому пользователю получить доступ к данным и программам на компьютерах, объединенных данной сетью. Можно сказать, что эта идея положила начало развитию сети Интернет.
Теги для форматирования текста
<pre></pre> |
Обрамляет предварительно отформатированный текст. |
<h1></h1> |
Создает САМЫЙ БОЛЬШОЙ заголовок |
<h6></h6> |
Создает самый маленький заголовок |
<b></b> |
Создает жирый текст |
<i></i> |
Создает наклонный текст |
<tt></tt> |
Создает текст - имитирующий стиль печатной машинки. |
<cite></cite> |
Используется для цитат, обычно наклонный текст. |
<em></em> |
Используется для выделения из текста слова (наклонный или жирный текст) |
<strong></strong> |
Используется для выделения наиболее выжных частей текста (наклонный или жирный текст) |
<font size=?></font> |
Устанавливает размер текста в пределах от 1 до 7. |
<font color=?></font> |
Устанавливает цвет текста, используя значение цвета в виде RRGGBB. |
Гиперссылки
<a href="URL"></a> Создает гиперссылку на другие документы или часть текущего документа.
<a href="mailto:EMAIL"> </a> Создает гиперссылку вызова почтовой программы для написания письма автору документа.
<a name="NAME"></a> Отмечает часть текста как цель для гипперссылок в документе.
<a href="#NAME"></a> Создает гиперссылку на часть текущего документа.
Форматирование
<p> |
Создает новый параграф |
<p align=?> |
Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center |
<br> |
Вставляет перевод строки |
<blockquote></blockquote> |
Создает отступы с обеих сторон текста |
<dl></dl> |
Создает список определений |
<dt> |
Определяет каждый из терминов списка |
<dd> |
Описывает каждое определение |
<ol></ol> |
Создает нумерованный список |
<li> |
Определяет каждый элемент списка и присваивает номер |
<ul></ul> |
Создает ненумерованный список |
<li> |
Предваряет каждый элемент списка и добавляет кружок или квадратик |
<div align=?> |
Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей |
Графические элементы
<img src="name"> |
Добавляет изображение в HTML документ |
<img src="name" align=?> |
Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle |
<img src="name" border=?> |
Устанавливает толщину рамки вокруг изображения |
<hr> |
Добавляет в HTML документ горизонтальную линию. |
<hr size=?> |
Устанавливает высоту(толщину) линии |
<hr width=?> |
Устанавливает ширину линии, можно указать ширину в пикселах или процентах. |
<hr noshade> |
Создает линию без тени. |
<hr color=?> |
Задает линии определенный цвет. Значение RRGGBB. |
Таблицы
<table></table> |
Создает таблицу. |
<tr></tr> |
Определяет строку в таблице. |
<td></td> |
Определяет отдельную ячейку в таблице. |
<th></th> |
Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом) |
Атрибуты таблицы
<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> Предваря
<frameset rows="value,value"> Определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров.
<frameset cols="value,value"> Определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров.
<frame> Определяет единичный кадр или область в таблице кадров.
<noframes></noframes> Определя
Атрибуты кадров
<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 кнопку. За тегом следует текст.
<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"> Создает кнопку "Отмена"