Как создать свой сайт на языках HTML и CSS.
Вставка таблицы.
Для того,чтобы вставить таблицу на сайт используется тег table.
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Имя вкладки браузера</title></head>
<body>
<table></table>
</body>
</HTML>
Внутри тега table находятся теги tr и td.Тег tr-это строка таблицы,а td-столбец. Т.е если в теге<tr>...</tr> мы напишем два тега<td> </td>, то у нас будет таблица состоящая из одной строки и двух столбцов.
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Имя вкладки браузера </title></head>
<body>
<table border="1">
<tr>
<td>Название 1 столбца</td>
<td>Название 2 столбца</td>
</tr>
<tr>
<td>Название 1 столбца</td>
<td>Название 2 столбца</td>
</tr>
</table>
Страница в браузере:
Название 1 столбца | Название 2 столбца |
Название 1 столбца | Название 2 столбца |
Чтобы у нашей таблицы были границы в теге table пишем параиетр border="".В кавычках указываем цифру например 1.
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Имя вкладки браузера </title></head>
<body>
<table border="1">
<tr>
<td>Название 1 столбца</td>
<td>Название 2 столбца</td>
</tr>
<tr>
<td>Название 1 столбца</td>
<td>Название 2 столбца</td>
</tr>
</table>
</body>
</html>
Старница в браузере:
Название 1 столбца | Название 2 столбца |
Название 1 столбца | Название 2 столбца |
Для того чтобы увеличить или уменьшить ширину и высоту таблицы используется параметр width и height.Параметр width задаёт ширину таблицы ,а параметр height высоту таблицы.
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Имя вкладки браузера</title></head>
<body>
<table border="1">
<tr>
<td width="1000" height="100" >Название 1 столбца</td>
<td>Название 2 столбца</td>
</tr>
<tr>
<td>Название 1 столбца</td>
<td>Название 2 столбца</td>
</tr>
</table>
</body>
</html>
Старница в браузере:
Название 1 столбца | Название 1 столбца |
Название 1 столбца | Название 2 столбца |