Обязательные теги
<html> ... </html> означает, что наш текст действительно написан на языке HTML. Все, что расположено между этими тегами, считается HTML-документом.
<head> ... </head> указывает на начало и конец заголовка документа. Заголовок располагается между тегами. В заголовке заключена различная служебная информация.
<title> ... </title> Все, что находится между этими метками, толкуется браузером как название документа. Рекомендуется название не длиннее 64 символов.
<body> ... </body> Эта пара меток указывает на начало и конец тела HTML-документа. Все, что расположено между ним и его закрывающим тегом (</BODY>), считается “телом” документа и отображается на экране.
<H1> ... </H1> — <H6> ... </H6> Метки вида <Hi> (где i — цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий.
<P> ... </P> Такая пара меток описывает абзац. Все, что заключено между <P> и </P>, воспринимается как один абзац.
Атрибут выравнивания
<H1 ALIGN= ”CENTER”> Выравнивание заголовка по центру </H1>
<P ALIGN=”RIGHT”> Выравнивание абзаца по центру </Р>
<HR> описывает горизонтальную линию (SIZE - определяет толщину линии в пикселах, WIDTH - определяет размах линии в процентах от ширины экрана): <HR SIZE=8 WIDTH=25%>
Комментарии <!-- Это комментарий -->
Маркированные списки: <UL> ... </UL>
Иванов;
Петров;
Сидоров
<UL>
<LI>Иванов;
<LI>Петров;
<LI>Сидоров
</UL>
Нумерованные списки: <OL> ... </OL>
Иванов;
Петров;
Сидоров
<OL>
<LI>Иванов;
<LI>Петров;
<LI>Сидоров
</OL>
Форматированный текст: <PRE> ... </PRE>
Гиперссылки позволяют перейти к другому документу
<A HREF="[адрес перехода]">выделенный фрагмент текста</A>
<A HREF="pr.htm">Перейти к оглавлению</A>
Ссылка на документ, находящийся на другом сервере:
<A HREF="http://www.vgta.vrn.ru/stprofkom/stud.htm"> Студенческая жизнь</A>
Закладки позволяют перейти в конкретное место документа
Сначала создается якорь (закладка)
<A NAME="AAA">Начало</A>
Слово "Начало" при этом никак не будет выделено в тексте документа.
Затем в другом документе добавляется ссылка на якорь
<A HREF="2.htm#AAA">Переход на начало документа 2 </A>
Переход к закладке можно определить и внутри самого документа 2.htm – достаточно только включить в него вот такой фрагмент:
<A HREF="#AAA">Переход на начало </A>
Ссылки и на другие виды ресурсов:
<A HREF="ftp://server/directory/file.ext">Загрузить файл file.ext </A>
<A HREF="mailto:user@mail.box">Послать письмо</A>
Изображения в HTML-документе. ВHTML-документ можно встроить изображение в форматеGIF(файл с расширением *.gif) илиJPEG(файл с расширением *.jpgили *.jpeg):
<IMG SRC="picture.gif">
<IMG SRC="picture.gif" ALT="Картинка">
Кроме того, изображение можно сделать "горячим", то есть осуществлять переход по ссылке при нажатии на изображение:
<A HREF="pr.htm"><IMG SRC="picture.gif"> </A>
Цветовая гамма HTML-документа. Цвет кодируется последовательностью из трех пар символов. Каждая пара представляет собой шестнадцатиричное значение насыщенности заданного цвета одним из трех основных цветов (красным, зеленым и синим) в диапазоне от нуля (00) до 255 (FF)..
bgcolor=#FFFFFF Цвет фона. Результат – белый цвет.
text=#000000 Цвет текста. Результат – черный цвет.
link=#FF0000 Цвет гипертекстовой ссылки. Результат – красный цвет.
Метка <BODY> может включать атрибут background = "[имя файла]", который задает изображение, служащее фоном для текста и других изображений.
Таблица
<TABLE BORDER=”1”> <!--Это начало таблицы-->
<CAPTION> <!--Это заголовок таблицы-->
У таблицы может быть заголовок
</CAPTION>
<TR> <!--Это начало первой строки-->
<TD> <!--Это начало первой ячейки-->
Первая строка, первая колонка
</TD> <!--Это конец первой ячейки-->
<TD> <!--Это начало второй ячейки-->
Первая строка, вторая колонка
</TD> <!--Это конец второй ячейки-->
</TR> <!--Это конец первой строки-->
<TR> <!--Это начало второй строки-->
<TD> <!--Это начало первой ячейки-->
Вторая строка, первая колонка
</TD> <!--Это конец первой ячейки-->
<TD> <!--Это начало второй ячейки-->
Вторая строка, вторая колонка
</TD> <!--Это конец второй ячейки-->
</TR> <!--Это конец второй строки-->
</TABLE> <!--Это конец таблицы-->
Таблица начинается с метки <TABLE> и заканчивается меткой </TABLE>. Метка <TABLE> может включать несколько атрибутов:
ALIGN - Устанавливает расположение таблицы по отношению к полям документа. Допустимые значения: ALIGN="LEFT" (выравнивание влево), ALIGN="CENTER" (выравнивание по центру), ALIGN="RIGHT" (выравнивание вправо).
WIDTH - Ширина таблицы. Ее можно задать в пикселах (например, WIDTH=400) или в процентах от ширины страницы (например, WIDTH=80%).
BORDER - Устанавливает ширину внешней рамки таблицы и ячеек в пикселах (например, BORDER=4). Если атрибут не установлен, таблица показывается без рамки.
CELLSPACING - Устанавливает расстояние между рамками ячеек таблицы в пикселах (например, CELLSPACING=2).
CELLPADDING - Устанавливает расстояние между рамкой ячейки и текстом в пикселах (например, CELLPADDING=10).
Таблица может иметь заголовок (<CAPTION> ... </CAPTION>), хотя заголовок не является обязательным. Метка <CAPTION> может включать атрибут ALIGN. Допустимые значения: <CAPTION ALIGN="TOP"> (заголовок помещается над таблицей) и <CAPTION ALIGN="BOTTOM"> (заголовок помещается под таблицей).
- Лекции по дисциплине «Открытые информационные системы» Литература
- Лекция 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-серверах