- •Введение в язык html
- •1. Понятие о html
- •2. Понятие о гипертексте
- •3. Понятие о html-файле
- •4. Понятие о тегах языка html
- •5. Структурные теги
- •6. Создание шаблона html-документа и первой Web-страницы
- •Тема 2: Основная часть Web-страницы План
- •1. Использование заголовков
- •2. Символы разрыва абзаца и разрыва строк
- •4. Форматирование текста с помощью стилей
- •5. Добавление линий и комментариев
- •Тема 3: Создание таблиц План
- •1. Начальный этап создания кода таблиц
- •2. Создание строк и столбцов таблицы
- •3. Выбор типа таблицы
- •4. Выравнивание данных в ячейках таблицы по горизонтали и вертикали
- •5. Окрашивание таблиц и рамок
- •Тема 4: Создание списков План
- •1. Списки как инструмент структурирования. Типы списков
- •2. Нумерованные списки
- •3. Маркированные списки
- •4. Списки определений
- •5. Вложение и комбинирование списков
- •Тема 5: Использование фреймов План
- •1. Идея использований фреймов
- •2. Создание фреймов
- •3. Загрузка страниц в фреймы
- •4. Настройка фреймов
- •Тема 6: Гипертекстовые ссылки План
- •1. Типы гиперссылок
- •2. Понятие об url и их использование
- •3. Создание гиперссылок на другие Web-страницы
- •4. Создание внутренних ссылок в документе
- •5. Создание ссылок на ресурсы мультимедиа и на адреса электронной почты
- •6. Загрузка страниц в различные фреймы
- •Тема 7: Графика в Web План
- •2. Выравнивания текста относительно изображения
- •3. Плавающие изображения. Поля вокруг изображений
- •4. Определение ширины и высоты изображения
- •5. Обтекание изображений текстом
- •Тема 8: Использование графики, цвета и текста План
- •1. Добавление на Web-страницы цветных фоновых изображений
- •2. Добавление на Web-страницы графических фоновых изображений
- •3. Изменение цвета текста и гиперссылок
- •4. Добавление кнопок перемещения
- •Тема 9: Мультимедиа План
- •1. Понятие о гипермедиа-ссылках
- •2. Создание гипермедиа-ссылок
- •4. Создание бегущей строки
- •5. Воспроизведение видеофайлов в окне Internet Explorer
- •Тема 10: Средства создания html-файлов План
- •1. Стандартные html-редакторы
- •1. Стандартные html-редакторы
- •Определения
- •Проверочная работа
- •Проверочная работа
2. Символы разрыва абзаца и разрыва строк
Дескрипторы <P> и <BR> позволяют добавить в документ пробелы, чтобы отделить один блок текста от другого.
Дескриптор <P> используется для вставки символа разрыва абзаца. Вставляя данный дескриптор мы тем самым даем браузеру команду завершить текущий абзац и вставить пустую строку перед следующим абзацем.
Дескриптор <BR> используется для вставки символа разрыва строки. Вставляя данный дескриптор мы даем браузеру команду завершить текущую строку и перейти на следующую.
Выравнивание абзацев и заголовков
Текст абзаца или заголовка можно выровнять по левому краю (стандартная установка), по правому краю или по центру окна браузера.
Для дескриптора заголовка используется следующий синтаксис:
<Hn ALIGN=выравнивание>
где n – уровень заголовка;
выравнивание – параметр, который может принимать одно из следующих значений: LEFT, RIGHT, CENTER.
Для дескриптора абзаца используется следующий синтаксис:
<Р ALIGN=выравнивание>
3. Использование дескриптора <PRE>
Если вы хотите поместить на Web-страницу информацию, которая уже содержится в некотором документе (но не в HTML-коде), то нет никакой необходимости тратить время на повторный набор всего документа. Вместо этого можно воспользоваться контейнером отформатированного текста <PRE>. Этот контейнер позволяет сохранить форматирование текста таким, каким оно было при наборе. Кроме того, пробелы внутри текста интерпретируются в точном соответствии с их расположением в текстовом редакторе.
Форматирование цитат
Дескриптор <BLOCKQUOTE> предназначен для длинных цитат, и позволяет сделать отступ в строке.
В контейнер <BLOCKQUOTE> можно включать другие дескриптор, например текстовые стили или разрывы строк.
Дескриптор <Q> предназначен для отображения коротких цитат. Если с помощью дескриптора <BLOCKQUOTE> в блоке текста создается отдельный фрагмент, то при использовании дескриптора <Q> цитата продолжается в той же строке, что и предыдущий текст, т.е. блок текста не разрывается на части.
4. Форматирование текста с помощью стилей
В HTML предусмотрено несколько способов форматирования текста. Это явное (или абсолютное) форматирование с помощью физических стилей и неявное (или относительное) форматирование с помощью логических стилей, и наконец, изменение размера шрифта.
Дескрипторы физических стилей являются абсолютными, это значит, что текст, выделенный физическим стилем, во всех браузерах отображается одинаково. А логические стили, в отличие от физических, можно назвать относительными. Это означает, что в различных браузерах они отображаются по-разному.
Таблица – Дескрипторы физических стилей
Дескриптор |
Стиль |
<B> |
Полужирный шрифт |
<I> |
Курсив |
<TT> |
Моноширный шрифт, как у пишущей машинки |
<U> |
Подчеркивание |
<SUB> |
Подстрочный текст |
<SUP> |
Надстрочный текст |
<STRIKE> |
Перечеркивание |
Изменение размера шрифта
С помощью элемента FONT можно определить размер и цвет шрифта. Атрибут SIZE позволяет указать абсолютный размер шрифта (он может принимать значения от 1 до 7) или относительный, по отношению к размеру шрифта, используемого в основной части страницы (он может принимать значения от -4 до +4). При этом используется следующий синтаксис:
<FONT SIZE=значение>
Для изменения размера основного шрифта документа используется элемент BASEFONT. Величина основного шрифта может принимать значения от 1 до 7, а стандартный для браузера размер шрифта равен 3.
Для изменения цвета шрифта используется атрибут COLOR, при этом используется следующий синтаксис:
<FONT COLOR=значение>.