Курс по Html и Css. Урок 3. Таблицы
| Всех защитников Отечества поздравляем с праздником! Будьте здоровы, занимайтесь спортом, читайте книги, и обязательно заходите на наш сайт! А тем временем наш курс продолжается! Сегодня мы изучим строение таблицы, ее параметры и возможности! Раньше в большинстве сайтов основу их составляли ячейки и столбцы. Это было удобно, нежели красиво. Сейчас табличная верстка немного устарела, хотя довольно широко используется в различных информерах. Давайте наконец приступим к созданию таблицы! Для этого используются обобщающие парные теги: <table></table>. Напомню некоторую информацию: в таблице расположены строки, содержащие столбцы, т.е. нельзя создать столбец без строки, так как это невозможно. Ну да ладно... Рассмотрим данный код: <table> <tr> <th>Заголовок<th> <td>Название<td> <td>Название<td> <td>Название<td> <td>Название<td> </tr> </table> И то, что из него должно получиться:
Теперь изучим теги строки и столбца в ней. <tr>Строка</tr> - означает строку. <td>Столбец в строке</td> - означает столбец. Тег <th>Столбец<th> - означает жирный столбец. Но как вы уже успели заметить, что у нашей таблицы нет границы. Единичную толщину таблицы можно задать так: <table border="1">. <table border="1"> <tr> <th>Заголовок<th> <td>Название<td> <td>Название<td> <td>Название<td> <td>Название<td> </tr> </table>
Здесь хорошо видно, что рамка то двойная, и хорошо бы придать объем и цвет нашей таблице. Удаление двойной рамки: cellspacing="0" Придать объем: cellpadding="2" Цвет можно задать отдельной ячейке: <td color="#000"></td> Что же у нас получилось? <table border="1" cellspacing="0" cellpadding="2"> <tr> <th>Заголовок<th> <td>Название<td> <td>Название<td> <td>Название<td> <td>Название<td> </tr> </table> На сегодня все! Надеюсь вам понравилось, с уважением Webtutor group (c) | |||||||||
| Просмотров: 544 | | |||||||||
| Всего комментариев: 0 | |