Главная | Обратная связь | Поможем написать вашу работу!
МегаЛекции

Форматирование таблиц в HTML. Основные теги




Заголовок документа

Функция Тег Атрибут Значение Примечание
Организация заголовка документа <head>…</head> Нет   Предоставление информации приложению, интерпретирующему документ
Присвоение названия документу <title>…</title> Нет   Название документа, отображаемое в строке заголовка броузера. Располагается между тегами <head>… </head>

Тело документа

Функция Тег Атрибут Значение Примечание
Размещение основной части материала документа <body>…</body> Background URL изображения Указание URL изображения, которое используется в качестве фона
    Bgcolor Цвет Определение цвета фона документа
    Leftmargin N Ширина левого поля документа в пикселях
    Topmargin N Ширина верхнего поля документа в пикселях
    Text Цвет Определение цвета текста
    Link Цвет Определение цвета ссылки, которая не была посещена
    Vlink Цвет Определение цвета ссылки, которая была посещена
    Alink Цвет Определяет цвет, которым выделяется активная ссылка
Определение цвета фона документа   Bgproperties Fixed Если это значение установлено, то изображение фона не будет прокручиваться

Форматирование текста в HTML. Основные теги

Функция Тег Атрибут Значение Примечание
Формирование заголовков <h1>..</h1> <h2>..</h2> ………….. <h6>..</h6> Align Left Right Center Организация заголовков. <h1- верхний уровень в иерархии заголовков. <h6> - нижний (самый мелкий).
Формирование абзаца <p> Align Left Right Center Justify Задает начало абзаца и вставляет соответствующий пустой интервал для отделения данного абзаца от предыдущего. Парный тег можно опустить
Принудительный разрыв строки <br>     Перенос оставшейся части текста абзаца на следующую строку. Это непарный тег. Не увеличивает интервал в тексте.
Горизонтальные линии
Встраивание горизонталь-ной линии <Hr> Align Left Right Center Выравнивание линии по горизонтали. По умолчанию линия выравнивается по центру. ALIGN=LEFT – смещение линии к левому краю экрана. ALIGN=CENTER –по умолчанию. Линия выравнивается горизонтально по центру экрана. ALIGN=RIGHT – смещение линии к правому краю экрана.
Noshade   Выключение теней. В окне браузера линии изображаются трехмерными. Задание атрибута NOSHADE подавляет иллюзию трехмерности.
Size n – где n-количество пикселов (по умолчанию=3) Задает толщину линии. SIZE=N, где N определяет толщину линии в пикселях. При использовании больших значений size линия превращается в прямоугольник.
Width N N% Задает длину линии. WIDTH=N– устанавливает длину линии в пикселях равной n.WIDTH = N% -длина линии задается в процентах от ширины экрана. 100% - установка по умолчанию.
Начертания шрифтов <b>…</b>     Текст полужирным шрифтом.
<i>…</i>     Текст в курсивном начертании
<u>…</u>     Подчеркнутый текст
Нижние и верхние индексы <sub>..</sub> <sup>..</sup>     Текст будет опущен на полстроки ниже (поднят выше), чем обычный текст, но будет изображаться шрифтом того же размера
Изменение шрифта <font> </font> Size N используется для задания абсолютного размера между 1 и 7. SIZE = +n или –n – увеличивает или уменьшает шрифт относительно текущего значения.
    Color   COLOR=“ИМЯ” задает цвет текста.
    Face Имя шрифта Задает имя шрифта, используемого для отображения данного фрагмента текста через запятую. Использоваться будет тот, чье имя найдено первым
Нумерованные и маркированные списки
Маркированные списки <ul>…</ul> Type 1. Disc 2. Circle 3. Square - закрашенный круг - окружность - квадрат
Отдельный элемент маркированного списка <li> Type 1. Disc 2. Circle 3. Square ---//---
Нумерован-ные списки. <ol>…</ol> Start N Задает число, с которого начинается список
Задание способа нумерации элементов   Type   Type=1 Type=A Type=A Type=I Нумерация выполняется арабскими цифрами Нумерация выполняется строчными буквами Нумерация выполняется прописными буквами Нумерация выполняется римскими цифрами
Отдельный элемент нумерованного списка <li> Type    
Бегущая строка
Организация бегущей строки <marquee>.. </marquee> Align Top     Middle   Bottom Выравнивает верхнюю границу поля по самому верхнему краю самого высокого элемента в текущей текстовой строке Центрирует поле по осевой линии текущей текстовой строки Выравнивает нижнюю границу поля по нижней линии текущей текстовой строки
    Direction Left   Right Движение строки справа на лево (по умолчанию) Движение строки слева на право
    Bgcolor Цвет Задает цвет фона бегущей строки.
    Behavior Scroll   Slide   Alternate BEHAVIOR =SCROLL –по умолчанию. Строка “вбегает” со стороны, определенной атрибутом direction в пустое поле и выходит из него на противоположной стороне. Behavior=Slide – текст не “выбегает” с другой стороны поля, а останавливается. BEHAVIOR=ALTERNATE – текст появляется в окне, “добегает” до противоположного конца окна, останавливается и начинает движение в противоположном направлении.
    Height N N% Высота поля бегущей строки В %
    Width N N% Ширина поля бегущей строки В %
    Hspace N Расстояние до текста по горизонтали в пикселях
    Vspace N Расстояние до текста по вертикали в пикселях
    Loop N Infinite n- кратное прохождение строки по экрану - повторяет бегущую строку до тех пор, пока отображение документа не будет прервано
    Scrollamount N задает количество пикселов, на которое бегущая строка перемещается за один шаг
    Scrolldelay N Задает количество миллисекунд, которое ожидает Internet Explorer после каждого выполненного шага, прежде чем строка побежит дальше (плавность движения)

Встраивание иллюстраций в HTML-документы

Функция Тег Атрибут Значение
Встраивание иллюстрации <img> align Выравнивание иллюстрации. ALIGN = TOP ‑ выравнивает верхний край иллюстрации по верхнему краю самого «высокого» элемента в текущей текстовой строке ALIGN =MIDDLE – центрирует иллюстрацию по вертикали на оси текущей текстовой строки. ALIGN =BOTTOM ‑ выравнивает нижний край иллюстрации по горизонтали на оси текущей текстовой строки. ALIGN=LEFT – смещает графику к левому краю рабочей зоны. Последующий текст начинает «обтекать» графику. ALIGN=RIGHT ‑ смещает графику к правому краю рабочей зоны. Последующий текст начинает «обтекать» графику.
    alt Текст, замещающий иллюстрацию в текстовом режиме отображения.
    border Ширина рамки вокруг иллюстрации.
    height Предварительное задание высоты иллюстрации.
    hspace Расстояние до текста по горизонтали.
    src Исходный файл иллюстрации.
    vspace Расстояние до текста по вертикали.
    width Предварительное задание ширины иллюстрации.

Форматирование таблиц в HTML. Основные теги

Функция Тег Атрибут Значение
Организация таблицы <table>… </table> Align Выравнивание таблицы по горизонтали. Обычно таблица отображается на левом краю страницы. ALIGN = LEFT ‑ выравнивание таблицы по левому краю. ALIGN = RIGHT ‑ выравнивание таблицы по правому краю. ALIGN = CENTER ‑ выравнивание таблицы по центру.
    Bgcolor Задает цвет фона таблицы. Фон таблицы соответствует фону всего HTML-документа.
    Border Задает толщину границ ячеек таблицы. Значение n определяет ширину рамки таблицы в пикселях <TABLE BORDER=1>. При отсутствии атрибута BORDER или равному нулю, рамка у таблицы не отображается, но пустое место для нее будет отведено.
    Bordercolor Задает цвет границ таблицы и ее ячеек <TABLE BORDERCOLOR=ЦВЕТ>.
    Width Задает ширину таблицы в процентах от ширины окна браузера или в пикселях (100% - полная ширина окна) <TABLE WIDTH=50%> или <TABLE WIDTH=200>.
    Height Задает высоту таблицы в пикселях или в процентах от высоты окна браузера.
Организация строки таблицы <tr>…</tr> Align Задает выравнивание всех элементов строки. Каждая ячейка имеет собственное выравнивание. Оно подавляет выравнивание, заданное Align ‑ атрибутом строки. ALIGN=LEFT - выравнивание по левому краю. ALIGN=CENTER - выравнивание по центру. ALIGN=RIGHT – выравнивание по правому краю.
    Bgcolor Задает для каждой строки собственный фоновый цвет
    Bordercolor Задает цвет рамки для строки
    Valign Задает выравнивание по вертикали для содержимого элементов строки таблицы. По умолчанию элементы центрируются по вертикали. VALIGN=TOP ‑ выравнивание верхнему краю. VALIGN=CENTER ‑ центрирует по вертикали. VALIGN=BOTTOM ‑ выравнивание по нижнему краю. VALIGN=BASELINE ‑ выравнивание по самой верхней текстовой строке.
Организация ячейки таблицы <th> </th>   Ячейка заголовка (содержимое горизонтально центрируется и выделяется полужирным шрифтом)
  <td>…</td>   Ячейка данных
    Align Выравнивание данных в ячейке по горизонтали. ALIGN=LEFT –выравнивание по левому краю. ALIGN=CENTER ‑ выравнивание по центру. ALIGN=RIGHT ‑ выравнивание по правому краю.
    Bgcolor Цвет фона ячейки
    Bordercolor Цвет рамки ячейки
    Colspan Ширина ячейки, выраженную в столбцах. COLSPAN=N, где N определяет, сколько табличных столбцов займет данная ячейка в пределах строки.
    Rowspan Высота ячейки, выраженную в строках. ROWSPAN=N определяет, сколько табличных строк займет данная ячейка.
    Nowrap Выключает разрыв строки. Содержимое ячейки таблицы форматируется как текст в окне, то есть в нужных местах вставляются разрывы строк <br> и <p>. Задание атрибута NOWRAP отменяет верстку строк и отображает все содержимое ячейки в одну строку.
    Valign Выравнивание данных в ячейке по вертикали VALIGN=TOP – выравнивание по верхнему краю VALIGN=BOTTOM – выравнивание по нижнему краю VALIGN=CENTER – выравнивание по центру VALIGN=BASELINE – по самой верхней текстовой строке всех находящихся в данной строке данных.
    Width Ширина ячейки таблицы в пикселях или в процентах от ширины таблицы. Если же ячейка в действительности шире (то есть ее содержимое требует для размещения больше места, чем задано этим атрибутом), WIDTH игнорируется.
    Height Задание высоты ячейки в пикселях.
Caption   Align Выравнивание названия по горизонтали относительно ширины таблицы. ALIGN=LEFT – по левому краю таблицы. ALIGN=CENTER ‑ по центру таблицы. ALIGN=RIGHT ‑ по правому краю таблицы.
    Valign VALIGN=TOP – название размещается над таблицей. VALIGN= BOTTOM – название размещается под таблицей.

Организация гиперссылок

 

Функция Тег Атрибут Значение Примечание
Организация гиперссылки <a>…</a>. Href #метка   Имя файла#метка     Имя файла     Адрес в Internet Ссылка на раздел внутри текущего документа (<a NAME=”МЕТКА”>Глава1</a>)   Переход на помеченный фрагмент другого документа.   использование в ссылке адреса на своем сервере.   удаленный переход
    Title Имя цели гиперсвязи Текст, который браузер отображает в строке состояния в процессе загрузки указанного в связи объекта.

 

 

Поделиться:





Воспользуйтесь поиском по сайту:



©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...