ОИТ_Учебник

3.5 Языки разметки гипертекста html и xml

Любой Internet-сайт состоит из одного или нескольких связанных между собой HTML-документов и сопутствующих файлов (например, файлы картинок). HTML (Hypertext Markup Language) – язык разметки гипертекста.

XML используется для разметки стандартных документов во многом так же, как HTML. Однако XML ориентирован на работу со структурированными данными, такими, как результаты запроса, метаинформация об узле Web или элементы и типы схем документов.

Все файлы, используемые сайтом, должны иметь имена только латинскими буквами, цифрами и знаком подчеркивания (_).

Первым файлом сайта, который автоматически загружается, является файл с именем index или default (лучше всего использовать index) .

Каждый HTML-документ составляется в соответствии с определенными правилами и должен иметь расширение .htm или .html

Программа, которая в частности расшифровывает HTML-документ, называется браузером.

Любой браузер реализует следующие функции: осуществляет алгоритм обмена файлами с сайта, расшифровывает и отображает содержимое HTML-документа, обеспечивает выполнение программ на языках скриптов JavaScript или VBScript. Для реализации и исполнения всех этих функций не нужны никакие другие программные продукты.

Таким образом, алгоритм работы браузера при обслуживании сайта заключается в следующем. Вы запускаете сайт по сети или головной файл сайта из локальной папки компьютера. Браузер при этом получает полный URL-адрес сайта, т.е. попросту папку, где искать файлы сайта, и отображает содержимое головного файла. Если в процессе работы с файлом требуется новый файл картинки или HTML-документа, то браузер делает запрос на сервер, откуда и получает требуемый файл . С этим файлом он делает все, что предусмотрено сценарием.

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

Для устранения этого недостатка используется динамический HTML (DHTML), реализуемый программами на языках скриптов. Программы скриптов могут изменять сценарий, модифицировать окно браузера и все это делается в пределах того HTML-документа, с которым в данный момент работает браузер.

Единственное, чего не может браузер даже с использование скриптов – это каким-либо образом сохранять введенную в процессе сценария информацию.

Структура HTML-документа, основные элементы

HTML-документ оформляется по определенным правилам и всегда содержит в себе элементы языкаHTML. Элементы могут быть парными (контейнеры) и непарными (дескрипторы).

Контейнер имеет следующую структуру:

<имя-элемента >любой текст</имя-элемента>

Как видно, контейнер открывается по <имя-элемента > и закрывается по </имя-элемента>. Действие контейнера распространяется на весь текст, который этот контейнер окаймляет (в данном примере это любой текст).

Существуют парные элементы, которые допускается не закрывать, так как они автоматически закрываются по контексту HTML-документа.

Дескриптор имеет следующую структуру:

<имя-элемента>

Как видно, дескриптор не закрывается по </имя-элемента>, а смысл его использования не связан с сопутствующим текстом документа, а заложен в названии самого элемента.

При открытии любого элемента по <имя-элемента> можно указывать допустимые атрибуты этого элемента. Атрибуты описывают свойства элемента, записываются в любой последовательности и отделяются друг от друга пробелом. Допустимые значения атрибутов указываются через знак равно (=) за именем атрибута и должны заключаться в кавычки («значение») за исключением зарезервированных слов этого атрибута (не будет ошибки, если и зарезервированное слово будет заключено в кавычки). Значенияатрибута необходимо набирать ссоблюдением больших и малых букв. Перечень допустимых атрибутов всегда приводится вместе с описанием конкретного элемента. Примером использования парного элемента может служить, например, задание для фрагмента текста цвета и размера символов:

<Font color=red size=4>фрагмент текста</Font>

Текст HTML-документа набирается в любом текстовом редакторе, например Блокнот (но ни в коем случае не в редактореWord). Имена элементов, их атрибуты и значения можно набирать большими или малыми буквами. Принято элементы набирать большими буквами.

Для правильного отображения в окне браузера HTML-документ набирается по определенным правилам.

Структура HTML-документа имеет следующий вид:

<HTML>

<HEAD>

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

<МЕТА...>

</HEAD>

<BODY>

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

</BODY>

</HTML>

Элементы <BODY> и <HTML> можно не закрывать.

Как видно HTML-документ состоит из двух частей: заголовок (HEAD) и тело (BODY). В каждой части документа используются свои элементы.

Браузером отображается только часть документа, заключенная между <Body> и </Body>

Элемент <TITLE> предназначен для указания названия документа и предназначен для лиц, изучающих вашHTML-документ. Отображается элемент <TITLE>, как правило, в заголовке окна браузера.

Элементы <МЕТА> используются для указания автора файла и для указания ключевых слов, на которые можно ориентироваться при поиске информации в поисковых сайтах:

< МЕТА NAME = "Author" Content = "Глеб Окунев">– указание автора документа;

< МЕТА NAME = "Keywords" Content = "информация, технология, система">– указание ключевых слов для поиска поисковыми сайтами.

Лучше всего с использованием элемента METAуказывать также вид кодировки русских букв:

<META Charset=”windows-1251”>

Таким образом, в самом простейшем виде HTML-документ будет иметь следующий вид:

HTML>

<HEAD>

<TITLE> автобиография </TITLE>

< МЕТА Name = "Author" Content = " Глеб Окунев">

< МЕТА Name = "Keywords" Content = "автобиография">

<META Charset=”windows-1251”>

</HEAD>

<BODY>

Моя автобиография

Элемент <Body> может содержать следующие атрибуты:

Text=“значение” – цвет символов всего документа;

BgColor=“значение” – цвет фона документа.

BackGround=”имя файла картинки” – фоном документа будет картинка (в качестве фона можно использовать или цвет по атрибутуBgColorили картинку по атрибутуBackGround).

Отметим, что браузер воспринимает картинки со следующими расширениями графических файлов: .bmp, .gif, .jpg, .jpeg. Файл картинки должен быть помещен в папку, где находится файл данногоHTML-документа. В ”имя файла картинки” необходимо указывать полное имя файла вместе с расширением, например, в виде:

BackGround=”aaa.gif”.

Значениями атрибутов TextиBgColorмогут быть зарезервированные слова цветов английского языка (в этом случае значение не надо заключать в кавычки) или палитра цветов в виде: #C1D191 (в этом случае значение надо заключать в кавычки). Палитра цветов определяется в шестнадцатеричной системе исчисления, где первые два символа определяют красный цвет (00 – нет красного,FF– наибольший процент красного), вторые две цифры определяют зеленый цвет и третьи две цифры – синий цвет. Зарезервированнымизначениямицветов могут быть следующими:

aqua (цвет морской волны) #00FFFF

black (черный) #000000

blue (голубой) #0000FF

fuchsia (фуксин) #FF00FF

gray (серый) #808080

green (зеленый) #008000

lime (ярко зеленый) #00FF00

maroon (темно-бордовый) #800000

navy (темно-синий) #000080

purple (фиолетовый) #800080

red (красный) #FF0000

silver (серебряный) #C0C0C0

yellow (желтый) #FFFF00

white (белый) #FFFFFF

К каждому зарезервированному слову может быть без пробела добавлена приставка dark (темно) или light (светло), например, в виде darkBlue.

Пример задания атрибутов в элементе Bodyприведен ниже:

<Body BgColor=yellow Text=”#C0C0C0”>

Кроме задания палитры цветов в шестнадцатеричной системе исчисления можно указывать процентное содержимое красного, зеленого и синего:

<Body BgColor=yellow Text=”70%,10%,50%”>

где для атрибута Text задан цвет с 70% красного, 10% зеленого и 50% синего смеси цветов.

Если процентное содержимое всех цветов одинаковое, то это будет серый цвет (от черного, если процентное содержимое всех цветов равно нулю, до белого, если процентное содержимое всех цветов равно ста).

Основные элементы тела документа Body

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

При наборе текста переносы в окне редактора не будут соответствовать переносам в окне браузера. Переносы в окне браузера выполняются после заполнения соответствующей строки окна браузера. Это же относится и к пробелам между словами – всегда между словами будет один пробел независимо от их количества в редакторе. Принудительный перенос на новую строку в браузере осуществляется элементом <BR>, например в виде:

первая строка первая строка<BR>вторая строка вторая строка и т.д.

В окне браузера этот текст буде выглядеть следующим образом:

первая строка первая строка

вторая строка вторая строка и т.д.

Как видим перенос на новую строку в окне браузера выполняется по <BR> несмотря на то что, в редакторе этот текст записан в одной строке. Ниже приведены основные оформительские элементыHTML.

Элемент базового шрифта:

<BaseFont

Color=red

Face=”Times New Roman”

Size=3>

Данный элемент задает тип, размер и цвет шрифта, которые применяются по умолчанию для всего документа, Этот элемент необходимо размещать сразу же за элементом <BODY>.

В атрибуте Colorуказывается цвет символов одним из допустимых английских слов (в этом случае слово можно не заключать в кавычки) или в палитре красный-зеленый-синий (в этом случае значение надо заключать в кавычки) точно также, как это описано в соответствующем атрибуте элемента <BODY>.

В атрибуте Faceуказывается название допустимого шрифта с соблюдением принятого написания шрифта, т.е. с учетом прописных и заглавных букв в соответствующих местах.

В атрибуте Sizeуказывается число от 1 до 7, где: 1 – самый малый размер шрифта, 7 – самый большой размер шрифта.

По умолчанию полагается шрифт Times New Romanразмером3черного цвета. Элемент фонового звука:

<BGSound

Balance=0

Loop=100

Volume=-500

SRC=”aaa.wav”>

АтрибутSRCуказывает вместе с расширением имя звукового файла, предназначенного для воспроизведения. Форматами файла могут быть .wav, .au, .mid. Звуковой файл должен быть помещен в туже папку, где находиться файл данного документа.

Атрибут Loopуказывает на то, сколько раз будет воспроизводиться звуковой файл. Если вместо числа указать ключевое словоinfinite, то файл будет воспроизводиться бесконечно.

Атрибут Balanceможет содержать число от -10000 до 10000 и балансирует звук между динамиками (значение 0 – одинаковое звучание в обоих динамиках).

Атрибут Volumeможет принимать значение от -10000 до 0 и определяет громкость звука.

Элемент комментария:

<!- комментарий ->

Этот элемент служит только для комментирования текста HTML-документа и его содержимое в окне браузера не отображается.

Элемент заголовков:

<Н1 Align = Right> текст </Н1>

Center– по центру

Left – слева

Justify– по ширине окна

Текст, помещенный между <H1> и </H1>, будет являться заголовком.

Вместо H1можно указыватьH2,H3,H4,H5,H6. ЭлементH1отображает заголовок самым большим шрифтом, элементН6– соответственно самым малым шрифтом. АтрибутAlignиспользуется для выравнивания заголовка относительно окна браузера. ЗначениеRightвыравнивает заголовок по правой границе окна браузера,Center– по центру,Left– по левой границе окна браузера.

Элемент центрирования текста:

<Center>текст</Center>

Элемент вставки горизонтальной линии:

Атрибут Alignопределяет выравнивание линии.

Атрибут Widthопределяет длину горизонтальной линии в пикселах или в процентах относительно ширины экрана.

Атрибут Sizeопределяет толщину горизонтальной линии в пикселах.

Атрибут Colorопределяет цвет линии (см. описание значений цветов для элементаBody).

Шрифтовые элементы:

Действие любого из приведенных ниже элементов распространяется на текст, который этот элемент ограничивает.

<I>текст</I>– курсив;

<В>текст</В>– выделенный (полужирный) текст;

<Strong>текст</Strong>– сильное выделение (жирный) текста

<U>текст</U>– подчеркивание;

<Strike>текст</Strike>– зачеркнутый текст;

<ТТ>текст</ТТ> – моноширинный шрифт (как на пишущей машинке);

<Big> текст </Big> – большой шрифт. Этот элемент увеличивает размер текста на определенную величину. Можно использовать вложенные друг в друга элементы <Big> для многократного увеличения размера шрифта;

<Small> текст </Small>– малый шрифт. Этот элемент уменьшает размер шрифта на определенную величину. Можно использовать вложенные друг в друга элементы <Small> для многократного уменьшения размера шрифта. В ниже приведенном примере:

<Big><Small> текст</Small></Big>

текст будет печататься стандартным размером шрифта, так как <Big> увеличивает размер шрифта, а элемент <Small> уменьшает его на эту же величину.

<Sub> текст </Sub>– подстрочный текст (нижний индекс);

<Sup> текст </Sup>– надстрочный текст (верхний индекс);

<Font Color=red Size=4>текст</Font>– используется для указания характеристик шрифта. Чаще всего используются два атрибута элемента <Font>: атрибут задания цвета символовColor(значения этого атрибута такие же, как и для элемента <Body>) и атрибут указания размера шрифтаSize(значением этого атрибута должно быть число от 1 для самого малого размера шрифта до 7). Вместо элемента <Font> рекомендуется использовать листы стилей.

Блочные элементы:

<p>текст</p>– новый абзац;

<BlockQuote> текст </BlockQuote>– текст отображается с отступом от края листа, текст начинается с нового абзаца;

<PRE>текст</PRE>– определяет предварительно отформатированный текст. Переносы на новую строку и количество пробелов между словами будут такими же, как и в редакторе БЛОКНОТ;

<div> текст </div>– блок текста. Практически всегда используется совместно с листами стилей.

<em>текст</em>– выделенный фрагмент текста. Очень часто используется совместно с листами стилей для придания фрагменту текста заданных свойств.

<acronym Title=”Республика Беларусь”>РБ</acronym> – аббревиатура и ее расшифровка. Расшифровка определяется атрибутомTitleи появляется при установке курсора мыши на аббревиатуру.

<marquee behavior=”alternate” scrolldelay=100 width=500 height=30> текст </marquee>– движение текста (справа-налево до упора в левую границу и затем, наоборот) в блоке размером 500х30 со скоростью, определенной временем задержки 100 миллисекунд; если опустить атрибутbehavior, то движение текста будет только справа-налево.

<cite Title=”Источник”>цитата</cite>- указывает, что текст, помещенный в него, является цитатой из книги или другого источника. Текст выводится при этом курсивом. С использованием листов стилей тексту можно придать нужное раскрашивание. АтрибутомTitle можно указывать источник, откуда взята цитата; эта информация будет появляться при установке мыши на цитату.

Создание списков и вставка графики

Ненумерованный список определяется элементом <UL>, внутри которого может находиться элемент заголовка списка <LH> и обязательно один или несколько элементов <LI> непосредственно самих элементов списка. Фрагмент документа для формирования ненумерованного списка имеет следующий вид:

<UL>

<LH> заголовок списка</LH>

<LI> первый элемент списка

<LI> второй элемент списка

<LI> третий элемент списка

</UL>

В элементе <UL> можно указывать тип маркера списка следующим образом:

<UL Type = Disk>– заполненный кружок

Square– заполненный квадрат

Circle– незаполненный кружок

Если тип маркера указан в явном виде, то именно он и отображается. Если тип маркера не указан, то браузером автоматически происходит его изменение для вложенных списков.

В качестве маркера может быть использована любая картинка, подключение которой выполняется с использованием листов стилей, что будет рассмотрено в соответствующем разделе.

Пример фрагмента формирования ненумерованного списка приведен ниже:

<ul>

<lh>список клиентов:

<li>Иванов

<li>Петров

<li>Сидоров

</ul>

Организация нумерованного списка

Нумерованный список формируется с использованием элемента <OL>, внутри которого может находиться элемент формирования заголовка списка <LH> и обязательно один или несколько элементов <LI> формирования непосредственно самих элементов списка. Фрагмент документа для формирования нумерованного списка имеет следующий вид:

<OL>

<LH> заголовок списка </LH>

<LI> первый элемент списка

<LI> второй элемент списка

<LI> третий элемент списка

</OL>

По умолчанию нумерация осуществляется арабскими цифрами, начиная с 1. Это умолчание можно изменить указанием атрибута Type в виде:

Атрибут Type может принимать следующие значения:

1– арабские цифры (это единица, а не буква эл);

а– строчные буквы латинского алфавита;

А– прописные буквы латинского алфавита;

I– прописные римские цифры;

i– строчные римские цифры

Кроме этого нумерацию можно изменить в элементах <LI>:

<LI VALUE = 3>– дальнейшая нумерация будет с 3-го символа.

Пример формирования вложенного списка с использованием нумерованного и ненумерованного списков приведен ниже:

<ol>

<lh>список магистрантов:

<li>БГАТУ

<ul>

<li>агромеханический факультет

<li>агроэнергетический факультет

<li>факультет предпринимательства и управления

</ul>

<li>БГЭУ

<ul>

<li>учетно-экономический факультет

<li>факультет международных экономических отношений

</ul>

<li>БГУ

</ol>

Список определений

Элемент <DL> списка определений в отличие от нумерованных и ненумерованных списков состоит из двух частей: первая служит для задания термина, вторая – для вывода определения этого термина. В одном <DL> может находиться определение нескольких терминов:

<DL>

<LH> заголовок списка </LН>

<DT> термин 1

<DD> определение термина 1

<DT> термин 2

<DD> определение термина 2

</DL>

Текст после элемента <DD> будет отображаться с отступом от левой границы окна браузера.

Внутри <DD> могут находиться нумерованные и ненумерованные списки.

Пример списка определений приведен ниже:

<DL>

<LH> заголовок списка </LН>

<DT> термин 1

<DD>

определение термина 1<br>возможно из нескольких строк

<DT> термин 2

<DD>

определение термина 2<br>вторая строка определения<br>третья строка

</DL>

Вставка графики

Вставка графики в документ HTMLпроизводится с помощью элемента <IMG>:

<Img srс=”имя графического файла” Align= Height= Width= Border= Hspace= Vspace= Alt= >

src – определяет имя графического файла вместе с его расширением, сам графический файл должен находиться в той же папке, что иHTML-документ.

Align– задает расположение изображения относительно текста документа:

Left– изображение располагается слева от текста;

Right– изображение располагается справа от текста;

Top– вверх изображения по строке текста;

Bottom– (умолчание) низ изображения по строке текста;

Middle– середина изображения по строке текста.

Height– высота изображения в пикселах. Если это свойство не задано, то высота изображения определяется самим файлом;

Width– ширина изображения в пикселах. Если это свойство не задано, то ширина изображения определяется самим файлом;

Border – ширина рамки в пикселах вокруг изображения (0 – нет рамки);

Hspace – ширина незаполненного пространства (расстояние от границы изображения до текста) в пикселах слева и справа от изображения;

Vspace– ширина незаполненного пространства в пикселах снизу и сверху от изображения.

Alt – всплывающая подсказка появляющаяся при установке курсора мыши на картинку. Чаще всего используется, если картинка является гиперссылкой.

DynSrc – тоже, что иSrc, только используется для анимационных видеофайлов .gifили .avi.

Loop – используется совместно сDynSrc и задает количество повторов видеоролика либо ключевое словоInfiniteпри бесконечном повторе.

Вставка таблицы

Таблицы являются одними из самых используемых при формировании HTML-документа элементов. Часто таблицы используются при формировании меню и еще более часто для рационального и компактного размещения информации на странице. Это можно было заметить в созданных по предыдущим разделам документам: в них содержалось много пустого неиспользуемого места.

Пример формирования таблиц:

<HTML>

<Head>

</Head>

<Body>

<H1> Простейшая таблица</H1>

<Table Border=1> 

<Caption Align=Center>У таблицы может быть заголовок</Caption>

<TR> 

<TD>

Первая строка, первая колонка

</TD>

<TD>

Первая строка, вторая колонка

</TD>

</TR>

<TR> 

<TD>

Вторая строка, первая колонка

</TD>

<TD>

Вторая строка, вторая колонка

</TD>

</TR>

</Table> 

</Body>

</HTML>

Если по логике ячейка должна быть пустой, то необходимо использовать неразрывный пробел &nbsp:<TD>&nbsp</TD>

Элемент <Table>используется для указания начала и конца таблицы и для указания общих свойств для всей таблицы.

Элемент <Table> может содержать следующие атрибуты:

Width – ширина таблицы в пикселях (Width=200) или в процентах от ширины страницы (Width=50%).

Align –устанавливает расположение таблицы по отношению к левой и правой границам документа. Допустимые значения:

Left– выравнивание по левой границе;

Center– выравнивание по центру;

Right– выравнивание по правой границе.

Border –устанавливает ширину рамки вокруг таблицы в пикселях (умолчание 0).

BorderColor – цвет рамки таблицы.

Cellspacing –устанавливает расстояние между рамками ячеек таблицы в пикселях (умолчание 2).

Cellpadding –устанавливает расстояние от границы ячейки до информации в ней (умолчание 1).

Background – фоном всей таблицы будет картинка.

BgColor- цвет фона таблицы.

Frame – указывает какие внешние стороны таблицы должны отображаться с рамкой. Атрибут может принимать следующие значения:

Above – только верхний край таблицы;

Below– только нижний край таблицы;

LHS– только левый край таблицы;

RHS– только правый край таблицы;

HSides– верхний и нижний края таблицы;

VSides– левый и правый края таблицы;

Box– все рамки таблицы; присваивается по умолчанию, если значение атрибутаBorder больше нуля;

Void– отключает вывод всех внешних рамок.

Rules- управляет выводом внутренних рамок таблицы. Атрибут может принимать следующие значения:

All – выводятся все рамки ячеек;

Cols– выводятся только разделительные линии столбцов;

Groups– выводятся только разделительные линии между группами ячеек, заданных с помощью элементов <THead>, <TBody>, <TFoot> и <ColGroup>;

Rows– отображаются линии только для строк;

None– отключает вывод всех внутренних линий.

Элемент <TR> определяет начало и конец строки таблицы и общие свойства для ячеек строки таблицы.

Элемент <TR> может содержать следующие атрибуты:

Align –устанавливает выравнивание текста в ячейках по горизонтали (значения см. выше дляAlignтаблицы).

Valign – устанавливает выравнивание текста в ячейках по вертикали. Может принимать следующие значения:

Top– выравнивание по верхнему краю;

Middle– выравнивание по центру;

Bottom– выравнивание по нижнему краю.

Bgcolor – цвет фона ячеек строки.

BorderColor – цвет рамок ячеек таблицы.

Вместо элемента <TR> можно использовать элемент <THEAD> для строки, являющейся верхним колонтитулом (шапка) таблицы, и элемент <TFOOT> для строки, являющейся нижним колонтитулом (подведение итогов) таблицы. Пример использования элемента <THEAD> приведен ниже:

<Table border=1 BgColor=red >

<THead Align-Center BGColor=Yellow>

<TD>Столбец1</TD><TD>Столбец2</TD>

</THead>

<TR>

<TD>Текст первого столбца</TD>

<TD>Текст второго столбца</TD>

</TR>

</Table>

Элемент <TD> используется для указания ячейки в строке и ее индивидуальных свойств.

Элемент <TD> может содержать следующие атрибуты:

Align –устанавливает выравнивание текста в ячейке по горизонтали. Может принимать значенияLeft, Right, Center(см. выше дляAlignтаблицы). Кроме этих значений может быть значениеJustify – выравнивание по ширине ячейки, и значениеChar – выравнивание по указанному символу (это значение пока не поддерживается вInternetExproler). Если используетсяChar, то необходимо указать атрибутsChar иCharSet.

CharSet – указывает смещение при выравнивании по символу (см. значениеCharатрибутаAlign: <TDBorder=2Align=CharChar=”.”CharSet=2>.

Valign – устанавливает выравнивание текста в ячейке по вертикали. Значения см. выше.

Colspan – устанавливает размах ячейки по горизонтали. НапримерColspan=2 означает, что ячейка простирается на две колонки.

Rowspan – устанавливает размах ячейки по вертикали. НапримерRowspan=2 означает, что ячейка простирается на две строки.

Width – ширина ячейки в пикселях или в процентах от ширины всей таблицы.

Height – высота ячейки в пикселях или в процентах от высоты всей таблицы.

Bgcolor – цвет фона ячейки.

Background – фоном ячейки будет картинка.

BorderColor – цвет рамок ячейки.

Вместо элемента <TD> можно использовать элемент <TH>. Этот элемент указывает на то, что данная ячейка является “шапкой” таблицы. Браузером элемент <TH> отображается несколько другим стилем, чем элемент <TD>. Элемент <TH> содержит тот же набор атрибутов и свойств, что и элемент <TD>.

В том случае, когда группа ячеек таблицы за исключением нижнего и верхнего колонтитулов должна иметь одинаковые атрибуты, они группируются элементом <TBODY>:

<Table>

<TBody BgColor=red Align=Center>

<TR>

<TH>ЭВМ</TH><TH>Быстродействие</TH>

</TR>

<TR>

<TH>Crey</TH><TH>1000000</TH>

<TH>IBM 9000</TH><TH>10000</TH>

</TR>

</TBody>

</Table>

Содержание