Элементы TD и TH - ячейки таблицы

В HTML внутри строк таблиц находятся ячейки. Они бывают двух типов: заголовки столбцов (создаются элементом TH) и обычные ячейки (создаются элементом TD). Элементы TD и TH обязательно должны помещаться между открывающим и закрывающим тегами элемента TR, которые в свою очередь помещаются между тегами <TABLE> и </TABLE>.

Элемент TD от элемента TH отличается лишь визуально в окне браузера. Содержимое элемента TH выравнивается по центру и отображается жирным шрифтом, так как заголовки столбцов принято оформлять именно так. Теги TD и TH, также как и TR, могут иметь свои атрибуты:Атрибут Описание Пример

align Устанавливает горизонтальное выравнивание для содержимого ячеек. Допустимые значения: left (по умолчанию для TD), center (по умолчанию для TH), right. align="center"

valign Устанавливает вертикальное выравнивание для содержимого ячеек. Допустимые значения: top, middle, bottom. valign="top"

bgcolor Устанавливает цвет фона для ячейки таблицы bgcolor="blue"

rowspan Определяет число строк, перекрываемое текущей ячейкой. По умолчанию используется значение ("1"). Значение ("0") означает, что ячейка перекрывает все строки от текущей до последней строки таблицы rowspan="3"

colspan Определяет число столбцов, перекрываемое текущей ячейкой. По умолчанию используется значение ("1"). Значение ("0") означает, что ячейка перекрывает все столбцы от текущего до последнего столбца таблицы colspan="2"

width Устанавливает рекомендуемую ширину ячейки в пикселях или процентах width="20%"

height Устанавливает рекомендуемую высоту ячейки в пикселях или процентах height="100"

Фреймы

Окно браузера может быть разделено на части, которые называются фреймами, иногда кадрами. В каждую такую часть окна браузера, т.е. фрейм, может быть загружен HTML документ. Если в фрейм будет загружен документ, который не помещается полностью в нём, то у фрейма (внимание, не у всего окна!) появится вертикальная и/или горизонтальная полосы прокрутки в зависимости от того, по горизонтали или по вертикали не помещается содержимое документа.

Создание структуры фреймов - элемент FRAMESET

Структура разбивки окна хранится в отдельном HTML документе, он-то и назвается документом с фреймами. Структура фреймов формируется при помощи специального элемента FRAMESET. Обычный документ имеет один раздел HEAD и один раздел BODY, тогда как в документе с фреймами раздел BODY заменяется описанием структуры фреймов, т.е. разделом FRAMESET. В раздел FRAMESET может быть добавлен элемент NOFRAME с альтернативным содержанием для отображения в браузерах, не поддерживающих фреймы, или в браузерах с отключенной поддержкой фреймов. Такие браузеры не поймут структуру FRAMESET и NOFRAME, а отобразят помещённый внутри них текст.

Пример

<HTML>

<HEAD>

<TITLE> Документ с фреймами</TITLE>

</HEAD>

Описание фреймов

Альтернативное содержание для браузеров, не поддерживающих фреймы

</NOFRAMES>

</FRAMESET>

</HTML>

Примечание: обратите внимание, что раздел BODY в документе отсутствует полностью, а элемент NOFRAMES содержится внутри элемента FRAMESET.

Атрибуты элемента FRAMESET

rows Определяет количество и размеры горизонтальных фреймов(фреймов-строк) в окне браузера. В качестве значения задаётся список размеров фреймов через запятую.

Способы задания размеров:

I) в процентах от высоты рабочей области окна браузера - например: "30%, 30%, 40%"

II) в виде знака "*" (звёздочка), говорящего о том, что фрейм занимает всё свободное пространство окна браузера, незанятое другими фреймами с ясно указанными размерами - например, звёздочка в записи "25%, 25%, *" равносильна 50%

III) в пикселях - например: "75, *".

Все три способа можно совмещать rows="25%, 25%, *"

cols Определяет количество и размеры вертикальных фреймов (фреймов-столбцов) в окне браузера. В качестве значения задаётся список размеров фреймов через запятую. Размеры задаются так же, как и в предыдущем параметре rows cols="300, *"

frameborder Данный параметр действует только в браузерах Internet Explorer и определяет наличие рамок у содержащихся внутри элемента FRAMESET фреймов. Возможные значения: Yes - отображать рамки; No или 0 - не отображать рамки. frameborder="0"

framespacing Определяет расстояние (так называемую "серую область") между фреймами в пикселях. Данный параметр также необходим для создания фреймов без рамок framespacing="0"

Элемент FRAME

Элемент FRAME описывает отдельный фрейм внутри всей структуры. Он имеет следующие атрибуты:

src Обязательный параметр. Указвает адрес (URL) HTML файла, отображаемого в данном фрейме src="frame1.html"

name Определяет имя данного фрейма, которое будет в дальнейшем использоваться для ссылки на него из других документов с помощью атрибута target. В качестве значения нужно указать любое имя без пробелов с использованием латинских символов и цифр (начальными символами могут быть только буквы латинского алфавита: a-z, A-Z). Имя не должно начинаться с цифр и специальных символов. name="menu1"

marginwidth Определяет ширину (в пикселях) левого и правого полей фрейма. Если параметр не указан, браузер самостоятельно определит оптимальный размер отступа marginwidth="0"

marginheight Определяет ширину (в пикселях) верхнего и нижнего полей фрейма. Если параметр не указан, браузер самостоятельно определит оптимальный размер отступа marginheight="0"

scrolling Определяет наличие полос прокрутки содержимого фрейма. Возможные значения:

yes - отображать полосы прокрутки

no - не отображать полосы прокрутки

auto - отображать полосы прокрутки по необходимости (если документ, указанный в параметре src, не умещается во фрейме) scrolling="auto"

noresize Не позволяет изменять размеры фрейма. Данный параметр является флагом и не требует указания значения noresize

frameborder Определяет наличие рамок у фрейма. Возможные значения:

yes или 1 - отображать рамки

no или 0 - не отображать рамки frameborder="0"

Пример HTML документа с фреймами

<HTML>

<HEAD>

</HEAD>

</FRAMESET>

</HTML>

Специальные символы.

Язык html предназначен для разметки интернет документов. Все интернет страницы, которые видят пользователи во всемирной паутине, написаны на языке html. Для того чтобы отобразить на страницах все необходимые компоненты, надо обязательно использовать в html-коде страницы специальные символы. К специальным символам относятся такие, как неразрывный пробел, знак параграфа, многоточие, бесконечность, приблизительное равно, валюта евро, знак торговой марки и так далее. Такие специальные символы не всегда есть на клавиатуре компьютера, но использовать их на сайте необходимо. В таких случаях эти специальные символы заменяют мнемокодом. Символьные мнемокоды используют специальные имена. Благодаря такому принципу, программистам не надо специально их запоминать. Так, к примеру, символьное имя "& q u o t ;" используется для того, чтобы закодировать двойные кавычки ("). Если необходимо вставить знак меньше (<), то необходимо использовать символьное имя "& l t ;". Последний специальный символ особенно важно знать, так как иногда знак угловой скобки воспринимается браузером при отображении страницы как начало дескриптора. Именно поэтому все профессиональные программисты знают все специальные символы языка html наизусть.

пробел nbsp   неразрывный пробел

§ sect § параграф

« laquo « левая двойная угловая кавычка

» raquo » правая двойная угловая кавычка

® reg ® знак зарегистрированной торговой марки

™ trade ™ знак торговой марки

¼ frac14 ¼ дробь - одна четверть

½ frac12 ½ дробь - одна вторая

¾ frac34 ¾ дробь - три четверти

… hellip … многоточие

′ prime ′ одинарный штрих

″ Prime ″ двойной штрих

⁄ frasl ⁄ косая дробная черта

∞ infin ∞ бесконечность

≈ asymp ≈ почти равно

≠ ne ≠ не равно

≤ le ≤ меньше или равно

≥ ge ≥ больше или равно

" quot " двойная кавычка

& amp & амперсанд

< lt < знак меньше

> gt > знак больше

‘ lsquo ‘ левая одинарная кавычка

’ rsquo ’ правая одинарная кавычка

“ ldquo “ левая двойная кавычка

” rdquo ” правая двойная кавычка

‹ lsaquo ‹ левая фигурная скобка

› rsaquo › правая фигурная скобка

? euro € валюта евро

Обязательные элементы

Любой html документ содержит заголовок и тело (HEAD и BODY, соответственно). Заголовок и тело документа - обязательные элементы, которые должны находиться внутри элемента HTML, как и все другие элементы. Итак, в заголовке документа содержится в основном служебная информация о самом документе, тогда как тело документа содержит непосредственно сам документ (текст, рисунки и прочие элементы).

Название документа

Название документа задаётся при помощи элемента TITLE. Это очень важный элемент. Он характеризует документ.

Декларация DTD

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> Эта декларация позволяет использовать любые элементы и атрибуты языка HTML.

Комментарии

Комментарии используются чаще всего для пояснений. Комментарии в HTML имеют следующий синтаксис:

Простой пример html документа

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

<HTML>

<HEAD>

<TITLE>Название документа</TITLE>

Здесь будут располагаться элементы заголовка документа

</HEAD>

<BODY>

Здесь будут располагаться элементы тела документа

</BODY>

</HTML>

Примечание: обратите внимание на закрывающиеся теги. Они имеют символ косой черты - «/».

Примечание: язык HTML нечувствителен к регистру, то есть теги <HEAD>, <HeaD > и <head > будут равносильны.

Основные атрибуты элемента HEAD

Заголовок содержит неупорядоченную служебную информацию о документе - например, название документа; ключевые слова, по которым поисковая машина может индексировать документ; информацию о кодировке, на которой написана страница; и другую специфическую информацию. Вся эта информация содержится внутри элемента HEAD.

Внутри элемента HEAD могут содержаться такие элементы:

<BASE> - позволяет задать базовый адрес (URL) для всего документа.

<BASEFONT> - позволяет установить шрифт для документа.

<LINK> - устанавливает связи с другими элементами.

<META> - содержит информацию, необходимую браузеру пользователя или серверу для обработки документа.

<STYLE> - используется для описания внутренних таблиц стилей.

<TITLE> - задаёт название документа.

Код заголовка документа. Пример.

<HEAD>

<TITLE>Название документа</TITLE>

</HEAD>