В них шрифт более при влекательным, а также зададите фоновый цвет. Чтобы
П риступить к работе, загрузите файлы для этого урока, расположенные по адресу
Www.sawmac.com/cr.s2e/. Файлы для этого учебного урока находятся в папке
10\taЬie. ·
Загрузите браузер и откройте в нем файл taЫe . html.
Эта страница содержит простую таблицу HTML. У нее есть заглавие, строка
Табличных заголовков и девять строк с данными, содержащимися внутри ячеек
таблицы (рис. 10.9). Кроме того, тег <со 1 > используется три раза для определения
трех столбцов с данными. Как вы скоро увидите, <со 1 > является полезным
тегом для стилизации, поскольку он позволяет устанавливать ширину всех ячее~
В столбце.
<taЬie id="inventory">
ТаЫ~ 1: CUrтeot lnvcotory <caption>
Product Pritt Ra.t1n& <th>
$19.95 ***** (шаnка таблицы)
Sl4~5 ***
Pri~Jess *****
S29.9S ** <td>
S1S.99 *** (ячейки таблицы)
$82.00 *
S1.9S ****
S!7.9S ****
$44.00 *****
1 1 <col id="price"> <col id="rating"
Venenatis Non Adipisciog
col id="product">
PROOUCТ
Vltae Q\J4m ~m S19.95
ln Tempus Vellt s1~.ss
A.-m tpsum Dolor Sat Pliceless
QJ11 Fells Frl"91lta S29.9S
Nunc Sem Ptwetra S75.99
Ve\ f4uc1Ьus Etlt S82.00
нсn Adlplsclna Vitae S1.95 ****
Aenean Orcl Ante S17.9S ****
Vel>eмt1s Non AdlplscJna ж.оо *****
Рис. 1 0 .9. Примени в форматирование таблиц с исnол ь30ванием границ, фоновых цветов
И других свойств CSS, можно не nросто nреобра3овать скучные Нl'МL-таблицы (вверху),
