Тег TABLE создает таблицу.
Все прочие элементы HTML таблицы должны быть вложенными в него.
Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица.
По умолчанию таблица распологается у левого края страницы и занимает по ширине столько места,
чтобы вместить все надписи. Если надпись не вмещается, браузер переносит ее на новую строку.
Параметры:
align - Определяет выравнивание таблицы.
background - Задает фоновый рисунок в таблице.
bgcolor - Цвет фона таблицы.
border - Толщина рамки в пикселах.
bordercolor - Цвет рамки.
cellpadding - Отступ от рамки до содержимого ячейки.
cellspacing - Расстояние между ячейками.
colspan - Число колонок в таблице.
height - Высота таблицы.
width - Ширина таблицы.
Пример:
Результат:
text
text
Работа с текстом
Пример:
<samp>TEXT</samp> - моноширинный текст
<i>TEXT</i> - наклонный текст
<tt>эмитация</tt> - текст печатной машинки
<s>TEXT</s> - перечеркнутый текст
<u>TEXT</u> - подчеркнутый текст
<b>TEXT</b> - жирный текст
<big>TEXT</big> - большой текст
<b><i>TEXT</i></b> - жирный, наклонный текст
<u><b><i>TEXT</i></b></u> - подчеркнутый, жирный,наклонный текст
<small>TEXT</small> - маленький текст
TEXT<sup>сноска</sup> - сноска вверху
TEXT<sub>сноска</sub> - сноска внизу
<title>всплывающая подсказка - при наведении курсора
Результат:
TEXT - моноширинный текст TEXT - наклонный текст эмитация - текст печатной машинки TEXT - перечеркнутый текст TEXT - подчеркнутый текст TEXT - жирный текст
TEXT - большой текст TEXT - жирный, наклонный текст TEXT - подчеркнутый, жирный,наклонный текст
TEXT - маленький текст
TEXTсноска - сноска вверху
TEXTсноска - сноска внизу при наведении курсора
Тег FONT
Тег FONT применяется для изменения характеристик шрифта,
таких как размер, цвет и гарнитура.
Параметры:
color - Устанавливает цвет текста.
face - Определяет гарнитуру шрифта.
size - Задает размер шрифта в условных единицах.
Пример применения:
Результат:
Вот таким получается выделенный текст.
Тег ABBR
Тег ABBR указывает, что последовательность символов является аббревиатурой.
При помощи параметра TITLE дается расшифровка сокращения, что позволяет понимать аббревиатуру тем людям,
которые с ней не знакомы.
По умолчанию, текст заключенный в контейнере подчеркивается пунктирной линией.
Параметр:
TITLE - Добавляет всплывающую подсказку к тексту, в которой дается расшифровка аббревиатуры.
Пример применения:
Результат:
СССР В результате при наведениикурсора,
мы видим что это обозначает.
Тег INS
Тег INS предназначен для выделения текста, который был добавлен в документ.
Подобное форматирование позволяет отследить, изменения в тексте документа .
Браузеры помечают текст в контейнере INS подчеркнутым.
Пример применения:
Результат:
Пример написания и применения данного элемента. .
Тег P
Тег P создает новый параграф. Два или более тега P, идущих подряд, заменяются одним.
Каждый следующий тег абзаца отменяет форматирования предыдущего.
При просмотре в браузере новый абзац будет отделен от предыдущего пустой строкой.
Параметр:
ALIGN - Выравнивает содержимое параграфа.
left - Выравнивание по левому краю.
right - Выравнивание по правому краю.
center - Выравнивание по центру.
justify - Выравнивание по ширине.
title - Всплывающая подсказка.
Тег Q предназначен для включения в документ короткой цитаты без создания отступов .
Содержимое автоматически отображается в браузере в кавычках. Браузер Internet Explorer
хотя и понимает тег Q, но кавычки не ставит. Остальные браузеры кавычки добавляют .
Тег MARQUEE заставляет текст или изображения прокручиваться, либо перемещаться из стороны в сторону, а так-же вверх и вниз.
Параметры:
behavior - Задает тип движения содержимого .
bgcolor - Цвет фона.
direction - Указывает направление движения
height - Высота области прокрутки.
hspace - Горизонтальные поля вокруг контента.
loop - Указывает сколько раз будет прокручиваться содержимое.
scrollamount - Скорость движения контента.
scrolldelay - Величина задержки в миллисекундах между движениями.
truespeed - Отменяет встроенный ограничитель скорости при низких значениях параметра scrolldelay.
vspace - Вертикальные поля вокруг содержимого.
width - Ширина области прокрутки.
BEHAVIOR :
alternate - перемещается между правым и левым краем элемента.
scroll- перемещается в направлении, заданным параметром direction.
slide - перемещается в направлении, заданным параметром direction, доходит до края области и останавливается.
DIRECTION :
down - Движение сверху вниз.
left - Движение справа налево.
right - Движение в правую сторону.
up - Движение вверх.
Ссылки и якоря
Ссылки являются основой гипертекстовых документов
и позволяют переходить с одной веб-страницы на другую.
Сама ссылка может вести не только на HTML-файлы,
но и на файл любого типа, причем этот файл
может размещаться совсем на другом сайте.
Главное, чтобы к нему, был доступ.
Для создания ссылки необходимо указать адрес документа, на который следует сделать ссылку. Оба действия выполняются с помощью тега A,
который имеет обязательный параметр href
.
В качестве значения используется адрес документа
(URL, универсальный указатель ресурсов).
Адрес может быть абсолютным и относительным.
Абсолютные адреса должны содержать имя сайта (домена), например, ссылка вида http://www.super-pup.ru
является абсолютной и ведет на главную страницу сайта super-pup.ru
Пример:
Абсолютные ссылки обычно применяются
для указания на другой сайт, впрочем,
допустимо делать подобные ссылки и внутри сайта.
По умолчанию, при переходе по ссылке документ открывается в текущем окне. При необходимости
это условие может быть изменено параметром target тега A.
Если установить у target значение
_blank,
как показано в примере , то откроется новое окно и документ,
на который ведет ссылка, загрузится в нем.
Ссылка без подчеркивания.
Чтобы убрать подчеркивание, следует добавить параметр text-decoration: none,
для селектора A
Пример:
Изменить цвет ссылки и фона.
Используйте стилевой параметр color для задания цвета текста и background
для добавления цвета фона под ссылкой, применяя эти аргументы к селектору A.
Пример:
Изменить цвет кнопки.
Применение стилевого параметра background изменяет цвет фона у кнопки,а также меняет ее вид,
делая кнопку одинаковой в разных браузерах.
Пример:
Якоря.
Якорем называется закладка с уникальным именем
на определенном месте веб-страницы,
для создания перехода к ней по ссылке.
Якоря удобно применять для больших документов,
чтобы можно было быстро переходить к нужному разделу.
Для создания якоря следует вначале сделать закладку
в соответствующем месте и дать ей имя
при помощи параметра name тега
А
Пример:
Между тегами <a name="top"> и </a> текст не обязателен,
так как требуется лишь указать местоположение
перехода по ссылке, находящейся внизу страницы.
Имя ссылки на якорь начинается символом #, после
чего идет имя якоря, оно выбирается любое,
соответствующее тематике.
Плавающий фрейм
Что такое плавающий фрейм ? Это когда в документе 1
создаётся окошко в котором видно документ 2
Значит документ 2 может содержать и текст,
и таблицы, и картинки; и это будет видно в
документе 1 в окошке, которое и называется
плавающий фрейм.
Плавающий фрейм отличается от остальных фреймов тем,
что может размещаться в любом месте обычного
HTML-документа. Создаётся он тегами:
IFRAME
К плавающему фрейму применимы все параметры и
атрибуты, что и к обычным фреймам (кроме noresize).
Кроме того, для задания размеров плавающего фрейма
и его расположения на странице,
можно использовать дополнительные параметры:
width - ширина
height - высота
hspace - свободное пространство по горизонтали
vspace - свободное пространство по вертикали
align - выравнивание
Код плавающего фрейма может быть расположен
в любом месте страницы, а также внутри ячеек
таблицы, как любой графический файл, встроенная
таблица или форма...