Вы здесь: Главная > CSS > Основы таблиц: элементы table, tr и td

Основы таблиц: элементы table, tr и td

Опубликовано автором Просмотры: 20

Построение основы таблицы с помощью элементов table, tr и td.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Basic table</title>
	<style>
		td {
			border: 1px solid #999;
			padding: 0.1em 1em;
		}
	</style>
</head>
<body>
	<table>
		<tr>
			<td>Cats</td>
			<td>Dogs</td>
			<td>Lemurs</td>
		</tr>
		<tr>
			<td>Tiger</td>
			<td>Grey Wolf</td>
			<td>Indri</td>
		</tr>
		<tr>
			<td>Cheetah</td>
			<td>Cape hunting dog</td>
			<td>Sifaka</td>
		</tr>
		<tr>
			<td>Caracal</td>
			<td>Red fox</td>
			<td>Brown lemur</td>
		</tr>
		<tr>
			<td>Wildcat</td>
			<td>Fennec</td>
			<td>Dwarf lemur</td>
		</tr>
	</table>

	<!-- Link back to HTML Dog: -->
	<p><a href="http://www.htmldog.com/examples/"><img src="http://www.htmldog.com/badge1.gif" alt="HTML Dog"></a></p>
</body>
</html>

Страницы в тему:

Добавить комментарий