Краткое руководство по html
БАЗИСНЫЕ ЭЛЕМЕНТЫ | ||
Название | Описание | Примечания |
Тип документа | <HTML></HTML> | (начало и конец файла) |
Имя документа | <TITLE></TITLE> | (должно быть в заголовке) |
Заголовок | <HEAD></HEAD> | (описание документа, например его имя) |
Тело | <BODY></BODY> | (содержимое страницы) |
ОПРЕДЕЛЕНИЕ СТРУКТУРЫ | ||
Заглавие | <H?></H?> | (стандарт определяет 6 уровней) |
с выравниванием | <H? ALIGN=LEFT|CENTER|RIGHT></H?> |
|
Секция | <DIV></DIV> |
|
с выравниванием | <DIV ALIGN=LEFT|RIGHT|CENTER></DIV> |
|
Цитата | <BLOCKQUOTE></BLOCKQUOTE> | (обычно выделяется отступом) |
Выделение | <EM></EM> | (обычно изображается курсивом) |
Дополнительное выделение | <STRONG></STRONG> | (обычно изображается жирным шрифтом) |
Отсылка, цитата | <CITE></CITE> | (обычно курсив) |
Код | <CODE></CODE>
| (для листингов кода) |
1 | 2 | 3 |
Определение | <DFN></DFN> | (часто не поддерживается) |
Адрес автора | <ADDRESS></ADDRESS> |
|
Большой шрифт | <BIG></BIG> |
|
Маленький шрифт | <SMALL></SMALL> |
|
ВНЕШНИЙ ВИД | ||
Жирный | <B></B> |
|
Курсив | <I></I> |
|
Подчеркнутый | <U></U> |
|
Перечеркнутый | <STRIKE></STRIKE> |
|
Перечеркнутый | <S></S> |
|
Верхний индекс | <SUB></SUB> |
|
Нижний индекс | <SUP></SUP> |
|
Печатная машинка | <TT></TT> |
|
Форматированый | <PRE></PRE> |
|
Ширина | <PRE WIDTH=?></PRE> |
|
Центрировать | <CENTER></CENTER> > |
|
Мигающий | <BLINK></BLINK> |
|
Размер шрифта | <FONT SIZE=?></FONT> |
|
Изменить размер шрифта | <FONT SIZE="+|-?"></FONT> |
|
Базовый размер шрифта | <BASEFONT SIZE=?> |
|
Цвет шрифта | <FONT COLOR="#$$$$$$"></FONT> |
|
Выбор шрифта | <FONT FACE="***"></FONT> |
|
Многоколоночный текст | <MULTICOL COLS=?></MULTICOL> |
|
Пробел между колонками | <MULTICOL GUTTER=?></MULTICOL> |
|
Ширина колонки | <MULTICOL WIDTH=?></MULTICOL> |
|
Пустой блок | <SPACER>
|
|
Тип пустого блока | <SPACER TYPE=horizontal| vertical|block> |
|
Величина пустого блока | <SPACER SIZE=?> |
|
Размеры пустого блока | <SPACER WIDTH=? HEIGHT=?> |
|
Выравнивание | <SPACER ALIGN=left|right|center> |
|
ССЫЛКИ И ГРАФИКА | ||
Ссылка | <A HREF="URL"></A> |
|
Ссылка на закладку | <A HREF="URL#***"></A> | (в другом документе) |
| <A HREF="#***"></A> | (в том же документе) |
На другое окно | <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A> |
|
Определить закладку | <A NAME="***"></A> |
|
Графика | <IMG SRC="URL"> |
|
Выравнивание | <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> |
|
Выравнивание | <IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> |
|
Альтернатива | <IMG SRC="URL" ALT="***"> | (выводится если картинка не изображается) |
Локальная карта | <IMG SRC="URL" USEMAP="URL"> |
|
Определение карты | <MAP NAME="***"></MAP> |
|
Области карты | <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> |
|
Размеры | <IMG SRC="URL" WIDTH=? HEIGHT=?>
| (в точках) |
Окантовка | <IMG SRC="URL" BORDER=?> | (в точках) |
Отступ | <IMG SRC="URL" HSPACE=? VSPACE=?>
| (в точках) |
1 | 2 | 3 |
Заменитель в низком разрешении | <IMG SRC="URL" LOWSRC="URL"> |
|
Включить объект | <EMBED SRC="URL"> | (вставить объект в страницу) |
Размер объекта | <EMBED SRC="URL" WIDTH=? HEIGHT=?> |
|
РАЗДЕЛИТЕЛИ | ||
Параграф | <P></P> | (закрывать элемент часто не обязательно) |
Выравнивание | <P ALIGN=LEFT|CENTER|RIGHT></P> |
|
Новая строка | <BR> | (одиночный перевод строки) |
Убрать выравнивание | <BR CLEAR=LEFT|RIGHT|ALL> |
|
Горизонтальный разделитель | <HR> |
|
Выравнивание | <HR ALIGN=LEFT|RIGHT|CENTER> |
|
Толщина | <HR SIZE=?>
| (в точках) |
Ширина | <HR WIDTH=?>
| (в точках) |
Ширина в процентах | <HR WIDTH="%"> | (в процентах от ширины страницы) |
Сплошная линия | <HR NOSHADE> | (без трехмерных эффектов) |
Нет разбивки | <NOBR></NOBR> | (запрещает перевод строки) |
Перенос | <WBR> | (где разбивать строку для переноса при необходимости) |
СПИСКИ | ||
Неупорядоченный | <UL><LI></UL> | (<LI> перед каждым элементом) |
Компактный | <UL COMPACT></UL> |
|
Нумерованный | <OL><LI></OL> | (<LI> перед каждым элементом) |
Компактный | <OL COMPACT></OL> |
|
1 | 2 | 3 |
Тип нумерации | <OL TYPE=A|a|I|i|1> | (для всего списка) |
| <LI TYPE=A|a|I|i|1> | (этот и следующие) |
Первый номер | <OL START=?> | (для всего списка) |
| <LI VALUE=?> | (этот и следующие) |
Список определений | <DL><DT><DD></DL> | (<DT>=термин, <DD>=определение) |
Компактный | <DL COMPACT></DL> |
|
Меню | <MENU><LI></MENU> | (<LI> перед каждым элементом) |
Компактное | <MENU COMPACT></MENU> |
|
Каталог | <DIR><LI></DIR> | (<LI>перед каждым элементом) |
Компактный | <DIR COMPACT></DIR> |
|
ФОН И ЦВЕТА | ||
Фоновая картинка | <BODY BACKGROUND="URL"> |
|
Цвет фона | <BODY BGCOLOR="#$$$$$$"> | (порядок: красный/зеленый/синий) |
Цвет текста | <BODY TEXT="#$$$$$$"> |
|
Цвет ссылки | <BODY LINK="#$$$$$$"> |
|
Пройденная ссылка | <BODY VLINK="#$$$$$$"> |
|
Активная ссылка | <BODY ALINK="#$$$$$$"> |
|
ТАБЛИЦЫ | ||
Определить таблицу | <TABLE></TABLE> |
|
Окантовка таблицы | <table border=?></TABLE> |
|
Расстояние между ячейками | <TABLE CELLSPACING=?> |
|
Дополнение ячеек | <TABLE CELLPADDING=?> |
|
Желаемая ширина | <TABLE WIDTH=?> | (в точках) |
Ширина в процентах | <TABLE WIDTH="%"> | (проценты от ширины страницы) |
Строка таблицы | <TR></TR> |
|
Выравнивание | <TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
Ячейка таблицы | <TD></TD> | (должна быть внутри строки)
|
Выравнивание | <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
Без перевода строки | <TD NOWRAP> |
|
Растягивание по колонке | <TD COLSPAN=?> |
|
Растягивание по строке | <TD ROWSPAN=?> |
|
Желаемая ширина | <TD WIDTH=?> | (в точках) |
Ширина в процентах | <TD WIDTH="%"> | (проценты от ширины страницы) |
Цвет ячейки | <TD BGCOLOR="#$$$$$$"> |
|
Заголовок таблицы | <TH></TH> |
|
Выравнивание | <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
Без перевода строки | <TH NOWRAP> |
|
Растягивание по колонке | <TH COLSPAN=?> |
|
Растягивание по строке | <TH ROWSPAN=?> |
|
Желаемая ширина | <TH WIDTH=?> | (в точках) |
Ширина в процентах | <TH WIDTH="%"> | (проценты ширины таблицы) |
Цвет ячейки | <TH BGCOLOR="#$$$$$$"> |
|
Заглавие таблицы | <CAPTION></CAPTION> |
|
Выравнивание | <CAPTION ALIGN=TOP|BOTTOM>
| (сверху/снизу таблицы) |
ФРЕЙМЫ | ||
Документ с фреймами | <FRAMESET></FRAMESET> | (вместо <BODY>) |
Высота строк | <FRAMESET ROWS=,,,></FRAMESET> | (точки или %) |
Высота строк | <FRAMESET ROWS=*></FRAMESET> | (* = относительный размер) |
Ширина колонок | <FRAMESET COLS=,,,></FRAMESET> | (точки или %) |
Ширина колонок | <FRAMESET COLS=*></FRAMESET> | (* = относительный размер) |
Ширина окантовки | <FRAMESET BORDER=?> |
|
Окантовка | <FRAMESET FRAMEBORDER="yes|no"> |
|
Цвет окантовки | <FRAMESET BORDERCOLOR="#$$$$$$"> |
|
Определить фрейм | <FRAME> | (содержание отдельного фрейма) |
Документ | <FRAME SRC="URL"> |
|
Имя фрейма | <FRAME NAME="***"|_blank|_self| _parent|_top> |
|
Ширина границы | <FRAME MARGINWIDTH=?> | (правая и левая границы) |
Высота границы | <FRAME MARGINHEIGHT=?> | (верхняя и нижняя границы) |
Скроллинг? | <FRAME SCROLLING="YES|NO|AUTO"> |
|
Постоянный размер | <FRAME NORESIZE> |
|
Окантовка | <FRAME FRAMEBORDER="yes|no"> |
|
Цвет окантовки | <FRAME BORDERCOLOR="#$$$$$$"> |
|
Содержание без фреймов | <NOFRAMES></NOFRAMES> | (для просмотрщиков не поддерживающих фреймы) |
РАЗНОЕ | ||
Комментарий | <!-- *** --> | (игнорируется просмотрщиком) |
Метаинформация | <META> | (должно быть в заголовке) |
Стили | <STYLE></STYLE> | (часто не поддерживается) |
Программа | <SCRIPT></SCRIPT> | (часто не поддерживается) |
- Лекции по дисциплине «Открытые информационные системы» Литература
- Лекция 1. Понятие открытой информационной системы. Стандартизация и сертификация оис
- Понятие открытой информационной системы
- Информационная инфраструктура и открытые системы
- Сущность и свойства технологии открытых систем
- Определение открытой системы
- Примеры открытых систем
- Стандартизация и сертификация оис
- Масштаб проблемы
- Источники стандартов
- Лекция 2
- Модели открытых информационных систем (оис).
- Референсная модель взаимодействия открытых систем osi/iso
- Платы сетевого адаптера
- Уровни модели osi
- Процесс передачи данных по сети
- Пакет. Структура пакета.
- Формирование пакетов
- Адресация пакета
- Протокол
- Эталонная модель среды открытой системы ose/rm
- Лекция 3 Развитие сети Internet. Способы организации канала клиент-провайдер или «последней мили»
- Развитие сети Internet
- Краткая история Internet
- Развитие сети arpanet
- Структура Internet
- Современная структура управления Internet
- Типичное подключение домашнего пользователя
- Способы организации канала клиент-провайдер или «последней мили»
- Коммутируемая телефонная линия и обычный модем
- Доступ в Интернет по dsl-технологии
- Асимметричный dsl (adsl)
- Широкополосный доступ
- Выделенная линия
- Доступ по сети кабельного телевидения
- Доступ в Интернет по радиоканалу
- Доступ в Интернет по спутниковому каналу
- Использование бытовой электрической сети для доступа в Интернет
- Лекция 4 Сотовый Интернет. Стандарт gsm
- Сотовый Интернет
- Стандарт сотовой связи gprs
- Технология edge
- Стандарт gsm
- Подключение к Интернету через мобильный телефон
- Скорость доступа, стоимость и удобство работы
- Максимальные скорости доступа в Интернет при использовании различных технологий
- Лекция 5 Передача информации и адресация в Интернете.
- Как происходит передача информации в Интернете
- Маршрутизаторы
- Протоколы Интернета
- Адресация в Интернете
- Доменные имена
- Как работает dns-сервер
- Лекция 6 Сервисы Интернета. Электронная почта
- Сервисы Интернета
- Серверы и клиенты
- Система адресации url
- Общий вид формата url-адреса
- Сервисы Интернета
- Электронная почта
- Преимущества электронной почты
- Адрес электронной почты
- Клиентские программы электронной почты
- Создание электронного письма
- Сортировка сообщений
- Получение электронных писем
- Почтовые клиенты на все случаи жизни
- Как работает почта
- Отправление и доставка письма
- Почему письма не доходят до адресата
- Передача специальных символов и вложенных сообщений
- Лекция 7
- Служба World Wide Web
- Гипертекст
- Всемирная паутина
- Браузеры
- Web-страница
- Средства создания web-страниц
- Блокнот
- Веб-редакторы типа wysiwyg
- Основы html
- Структура html-документа
- Обязательные теги
- Краткое руководство по html
- Лекция 8. Фреймы, слои, каскадные таблицы стилей
- Index.Htm
- Index.Htm
- Verh.Htm
- Таблицы стилей в отдельных файлах
- Каскадность стилей
- Основные свойства, описываемые в таблицах стилей.
- Лекция 9. Статические и динамические страницы. Протокол ftp
- Механизм работы Web-сервера
- Статические и динамические страницы
- Технология cgi
- JavaScript-приложения
- Java-аплеты и элементы управления ActiveX
- File Transfer Protocol и ftp-клиенты
- Ftp-клиенты
- Доступ с помощью ftp.Exe
- Доступ с помощью ftp-клиента, встроенного в браузер
- Доступ с помощью ftp-клиента, встроенного в файловый менеджер
- Доступ с помощью ftp-клиента, встроенного в html-редакторы
- Доступ с помощью специальных ftp-клиентов
- Поиск файлов на ftp-серверах