В този урок ще разберете как се правят HTML таблици.
Таблиците в HTML-документа са разположени между двата основни тага <table> и </table>.
Между тези два тага се изписват:
1. таговете за табличен ред - <tr> и </tr>
2. таговете за таблична клетка, чрез които се оформят редовете и колоните - <td> и </td>
За да има таблицата видими очертания трябва в тага table да се добави атрибута border и да му се зададе някаква стойност, например 1.
ПРИМЕР за таблица с 1 колона и 3 реда:
<html>
<head>
<title>PC-Tools Guides - Таблици</title>
</head>
<body>
<table border="1" >
<tr>
<td>1-ви ред, 1-ва колона</td>
</tr>
<tr>
<td>2-ри ред, 1-ва колона</td>
</tr>
<tr>
<td>3-ти ред, 1-ва колона</td>
</tr>
</table>
</body>
</html>
В браузъра ще получите този резултат:
| 1-ви ред, 1-ва колона |
| 2-ри ред, 1-ва колона |
| 3-ти ред, 1-ва колона |
ПРИМЕР за таблица с 1 ред и 3 колони:
<html>
<head>
<title>PC-Tools Guides - Таблици</title>
</head>
<body>
<table border="1" >
<tr>
<td>1-ви ред, 1-ва колона</td>
<td>1-ви ред, 2-ра колона</td>
<td>1-ви ред, 3-та колона</td>
</tr>
</table>
</body>
</html>
В браузъра ще получите този резултат:
| 1-ви ред, 1-ва колона |
1-ви ред, 2-ра колона |
1-ви ред, 3-та колона |
Ако искате цвят на фона на таблицата използвате атрибута bgcolor="цвят" задава цвят на фона на таблицата.
Пример <table border="1" bgcolor="c0c0c0" >
В браузъра ще получите този резултат:
| 1-ви ред, 1-ва колона |
1-ви ред, 2-ра колона |
1-ви ред, 3-та колона |
Ако имате въпроси или искате да допълните нещо моля направете го в коментарите след урока!
