- •Самарский институт (филиал) российского государственного торгово-экономического университета
- •Самара – 2003
- •Оглавление
- •Введение
- •1. Интернет – новая среда делового общения
- •Первые шаги по созданию Web-сайта
- •Пример 1.1.
- •Фирма «Гепард»
- •Прайс-лист
- •Задание 1.1
- •2. Основы языка html
- •Формирование основных разделов html-документа
- •Пример 2.1.
- •Теги форматирования текста
- •Пример 2.2.
- •Задание 2.1
- •Создание таблиц
- •Пример 2.3.
- •Задание 2.2
- •Вставка графических изображений
- •Пример 2.4.
- •Задание 2.3
- •Организация гиперссылок
- •Задание 2.4
- •Создание списков
- •Пример 2.5.
- •Пример 2.6.
- •Пример 2.7.
- •Задание 2.5
- •3. Каскадные таблицы стилей
- •Селекторы элементов
- •Селекторы классов
- •Селекторы идентификаторов
- •Пример 3.1
- •Единицы измерения, принятые в каскадных таблицах стилей
- •Пример 3.2
- •Задание 3.1
- •Внешние каскадные таблицы стилей
- •Позиционирование элементов страницы с помощью css.
- •Пример 3.3
- •Пример 3.4
- •Задание 3.2
- •Задание цвета в css
- •Задание 3.3
- •4. Формы html
- •Элементы управления формы html
- •Пример 4.1
- •Пример 4.2
- •Пример 4.3
- •Пример 4.4
- •Заголовки и названия
- •Параграфы и строки
- •Стили текста
Заголовки и названия
Тег |
Значение |
<Н1> |
Заголовок 1 |
<Н2> |
Заголовок 2 |
<НЗ> |
Заголовок 3 |
<Н4> |
Заголовок 4 |
<Н5> |
Заголовок 5 |
<Нб> |
Заголовок 6 |
<TITLE> |
Название документа, показываемое в заголовке окна обозревателя |
Параграфы и строки
Тег |
Значение |
<BR> |
Вставка конца строки |
<CENTER> |
Выравнивает заключенные в него компоненты по центру |
<HR> |
Помещает горизонтальную перекладину на страницу |
<Р> |
Обозначает параграф |
Стили текста
Тег |
Значение |
<ADDRESS> |
Определяет информацию об адресе, контрольной сумме и авторстве |
<В> |
Делает текст жирным, где он доступен |
<BASEFONT> |
Устанавливает шрифт, используемый по умолчанию |
<BIG> |
Делает шрифт на один размер больше текущего |
<BLOCKQUOTE> |
Обозначает отступ в тексте об авторском праве |
<СОDЕ> |
Вставляет код в виде текста с фиксированной шириной шрифта в первый раз |
<FONT> |
Определяет вид, размер и цвет шрифта для текста |
<I> |
Преобразует шрифт текста в курсив, где это возможно |
<PRE> |
Представляет текст шрифтом фиксированной ширины |
<S> |
Выводит текст зачеркнутым |
<SMALL> |
Определяет, что текст должен быть показан уменьшенным шрифтом относительно основного |
<STRIKE> |
Выводит текст зачеркнутым |
<STRONG> |
Выделяет текст жирным шрифтом |
<STYLE> |
Заключает в себе таблицу стилей |
<SUB> |
Выделяет текст, переводя его в нижний регистр |
<SUP> |
Переводит текст в верхний регистр, как степень |
<ТТ> |
Устанавливает шрифт фиксированной ширины |
<U> |
Делает текст подчеркнутым |
Списки
Тег |
Значение |
<DD> |
Используется внутри списка определений для задания текста в теге <DТ> |
<DIR> |
Возвращает текст как список каталога |
<DL> |
Используется для создания списка элементов со связанными описаниями |
<DT> |
Обозначает определение, описание которого находится в следующем за ним теге <DD> |
<LI> |
Обозначает один элемент в нумерованном или маркированном списке |
<MENU> |
Используется для создания списка |
<OL> |
Преобразует строки текста с тегами < LI > в нумерованный список |
<UL> |
Преобразует строки текста с тегами <LI> в маркированный список |
Таблицы
Тег |
Значение |
<CAPTION> |
Определяет заголовок таблицы |
<COL> |
Используется для определения вида столбцов таблицы по умолчанию |
<TABLE> |
Обозначает раздел тегов <TR>, <TD> и <ТН>, организованных по строкам и столбцам |
<TD> |
Обозначает ячейку таблицы |
<ТН> |
Обозначает строку заглавия таблицы. Содержимое выровнено по центру и выводится жирным шрифтом |
<TR> |
Определяет строку таблицы |
Ссылки
Тег |
Значение |
<A> |
Определяет гиперссылку. Обязательно задание атрибутов HREF или NAME |
<А HREF="url"> |
Определяет гиперссылку на элемент другого документа |
<А NAME="name"> |
Определяет гиперссылку на элемент этого же документа |
Формы
Тег |
Значение |
<BUTTON> |
Создает на странице кнопку HTML |
<FIELDSET> |
Рисует прямоугольник вокруг содержащихся в нем элементов для обозначения связанных объектов |
<FORM> |
Описывает форму на странице, которая может содержать другие компоненты и элементы управления |
<INPUT> |
Задает параметры элемента управления формы |
<LABEL> |
Определяет текст метки или заголовка для блока элементов управления |
<LEGEND> |
Определяет текст, помещаемый в прямоугольник, созданный тегом<FIELDSET> |
<OPTION> |
Обозначает одну из альтернатив в элементе SELEСТ |
<SELECT> |
Определяет поле списка или выпадающий список |
<TEXTAREA> |
Обозначает поле ввода, состоящее из нескольких строк |
Фреймы
Тег |
Значение |
<FRAME> |
Определяет конкретный фрейм внутри набора фреймов |
<FRAMESET> |
Определяет набор фреймов, который содержит фреймы или подчиненные наборы |
<IFRAME> |
Используется для создания «плавающих» фреймов на странице |
<NOFRAMES> |
Определяет, что именно будет показывать обозреватель, не поддерживающий фреймы |
Авторы: к.т.н., профессор Мотов Владислав Васильевич,
ст. преподаватель Хонин Александр Станиславович
Подготовка электронных
публикаций в Web
Учебное пособие
по курсу "Информационные технологии в коммерческой деятельности"
для студентов факультета коммерции и маркетинга
дневной формы обучения
Самарский институт (филиал)
Российского государственного торгово-экономического университета
Подписано в печать 28.01.2003 г.
Заказ № 210/1
Формат 60x84/16. Бумага офсетная.
Усл. печ. л. – 2,75. Тираж 100 экз.
Отпечатано в ООО «ИНСОМА-пресс»
у л. Сов.Армии 217, тел. 16-07-53