Здесь опубликовано несколько ответов, которые дадут вам нужные текстовые эффекты, но ...
Суть таблиц в том, что они представляют собой организованные коллекции меток и данных.Наличие как метки («Datum»), так и значения, которое оно помечает в одной и той же ячейке, очень ошибочно.Метка должна быть в элементе <th>
со значением в <td>
либо в той же строке, либо в том же столбце (в зависимости от расположения данных, которое вы пытаетесь достичь).Вы можете иметь элементы <th>
, работающие либо по вертикали, либо по горизонтали, либо одновременно, но если у вас нет ячеек заголовка (что означает <th>
), у вас нет таблицы, у вас просто бессмысленная сетка текста,Также было бы предпочтительно иметь элемент <caption>
для маркировки таблицы как целого (не нужно отображать заголовок, но он должен быть там для доступности) и иметь атрибут summary="blah blah blah"
в таблицетег, снова для доступности.Поэтому ваш HTML-код должен выглядеть примерно так:
<html>
<head>
<title>Test page with Table<title>
<style type="text/css">
th {
font-size: 35px;
font-weight: bold;
padding-left: 5px;
padding-bottom: 3px;
}
</style>
</head>
<body>
<table id="table_1" summary="This table has both labels and values">
<caption>Table of Stuff</caption>
<tr>
<th>Datum</th>
<td>November 2010</td>
</tr>
</table>
</body>
</html>
Это может быть не совсем то, что вы хотите - трудно сказать, является ли ноябрь 2010 г. точкой данных или меткой того, что выразмещены, и "Datum" не является полезным ярлыком в любом случае.Поиграйте с этим немного, но убедитесь, что когда ваш стол закончен, он действительно имеет какое-то семантическое значение.Если это не настоящая таблица данных, не используйте <table>
, чтобы выложить ее.