- •Учебник html для начинающих. Версия для печати раздела "Учебник html" сайта www.Webremeslo.Ru Введение
- •Поздравляю, Вы написали свою первую страничку!!!
- •Глава 1 Что такое html язык и с чем его едят..
- •Полезные советы:
- •Глава 2 Редактируем текст на своей странице..
- •Параграф.
- •Заголовки
- •Стиль текста
- •Предварительно отформатированный текст.
- •Полезные советы:
- •Глава 3 Рисунки.
- •Путь к файлу
- •Выравнивание рисунка.
- •Полезные советы:
- •Глава 4
- •Рисуем таблицу
- •Объединение ячеек.
- •Размеры таблицы.
- •Верстка страницы с использованием таблицы.
- •Полезные советы:
- •Глава 5 Ссылки
- •Текстовые ссылки.
- •Ссылка на e-mail
- •Закладки.
- •Глава1Глава2Глава3
- •Полезные советы:
- •Глава 6
- •Спецсимволы
- •Горизонтальная линия
- •Бегущая строка
- •Комментарии
- •Полезные советы:
- •Глава 7 Фреймы.
- •Приводим фреймы в опрятный вид.
- •Фреймы и ссылки.
- •Плавающий фрейм
- •Полезные советы:
- •Глава 8 Навигационные карты
- •Прямоугольная область
- •Полигон (многоугольник).
- •Окружность
- •Доводим до ума..
- •Пересечение областей
- •"Не область"
- •Карта на сервере.
- •Полезные советы:
- •Глава 9 Списки
- •Неупорядоченные списки
- •Упорядоченные списки
- •Списки определений
- •Полезные советы:
- •Глава 10 Meta теги
- •Кодировка символов и язык
- •Информация о документе
- •Описание страницы и ключевые слова
- •Обновление страницы
- •Время действия документа и кэш
- •Автоматический переход на другую страницу
- •Эффекты при переходе по ссылке
- •Полезные советы:
- •Глава 11
- •Полезные советы:
- •Глава 12 и снова таблицы..
- •Заголовки таблиц.
- •Название таблицы и её описание
- •Группировка строк.
- •Группировка столбцов.
- •Границы таблицы.
- •Полезные советы:
- •Глава 13 Фоновая музыка. .. Или то чего лучше не делать.
- •Полезные советы:
- •Глава 14 Текст - логика и физика..
- •Теги физического форматирования текста.
- •Логическая разметка текста.
- •Теги логического форматирования текста.
- •Полезные советы:
Горизонтальная линия
Простой новый тег <hr>рисует в окне горизонтальную линию, не требует закрывающего тега. Часто применяется при верстке страницы в качестве декоративного элемента.
Имеет ряд атрибутов, align-выравнивание с одним из трёх значений (center, left, right) может быть применен, если задана длина линии атрибутwidthв пикселях или процентах. Так же можно задать толщину линии атрибут -size, цвет атрибут -color, и при необходимости отключить тень линииnoshade.
Пример:
<html> <head> <title>Горизонтальная линия</title> </head> <body> Это просто линия по умолчанию: <hr> <hr> Это линия без тени: <hr noshade > <hr noshade> Это линия окрашенная в кранный цвет: <hr color="#ff0000"> <hr color="#ff0000"> Линия длиной 250 пикселей: <hr width="250"> <hr width="250"> Линия длиной 250 и толщиной 5 пикселей: <hr width="250" size="5"> <hr width="250" size="5"> Линия длиной 500, толщиной 50, синяя: <hr width="500" size="50" color="#0000ff"> <hr width="500" size="50" color="#0000ff"> Примеры выравнивания: <hr align="left" width="250" size="5"> <hr align="center" width="250" size="5"> <hr align="right" width="250" size="5"> <hr> </body></html>
По моему достаточно просто и эффективно.
Бегущая строка
Тег <marquee>заставляет текст помещённый в него двигаться в том или ином направлении, проще говоря делает его бегущей строкой. Бегущая строка имеет ряд настроек скроллинга, которые задаются следующими атрибутами:
behavior- определяет тип скроллинга, может иметь следующие значения:
alternate- колебательные движения от края к краю
scroll- прокручивание текста. текст будет выходить за рамки экрана и снова появляться с противоположной его стороны
slide- прокручивание текста c остановкой.
scrollamount- скорость бегущей строки от 1 до 10.loopзадает количество прокруток бегущей строки.direction- направление движения текста. значения:
up- вверх,
down- вниз,
left- влево,
right- вправо.
bgcolor- цвет фона бегущей строки,height- высота строки,width- ширина строки.
Пример:
<html> <head> <title>Бегущая строка</title> </head> <body> <div align="center"><h2>Бегающие строки</h2></div> <marquee>Бегущая строка по умолчанию</marquee> <marquee direction="right">Бегущая строка слева направо</marquee> <marquee behavior="alternate">Бегущая строка бегает от края к краю</marquee> <marquee scrollamount="10">Бегущая строка со скоростью 10</marquee> <marquee scrollamount="1">Бегущая строка со скоростью 1</marquee> <marquee direction="right" loop="2">Эта строка будет прокручиваться только два раза</marquee> <marquee behavior="slide">Бегущая строка с остановкой</marquee> <marquee bgcolor="#b40000">Бегущая строка с фоном</marquee> <marquee width=400>Бегущая строка с ограничением ширены прокрутки</marquee> <marquee direction="up">Бегущая строка снизу вверх</marquee> <marquee hspace="300">Бегущая строка с отступами от границ</marquee> </body></html>
Ну думаю, сами разберётесь, что к чему. Попробуйте использовать различные сочетания атрибутов для достижения нужного Вам эффекта. Добавлю лишь то, что с текстом бегущей строки можно делать то же самое, что и с обыкновенным текстом: менять размер, цвет, стиль, шрифт, сделать фразу из строки ссылкой.. прописывая нужные теги внутри тега <marquee>