Пожалуйста, уточните, кто автор курса Основы работы с HTML ? |
Опубликован: 25.10.2006 | Доступ: свободный | Студентов: 24509 / 10756 | Оценка: 4.30 / 4.02 | Длительность: 08:22:00
Специальности: Программист, Разработчик интернет-проектов
Теги:
Лекция 4:
Таблицы
Расстояние между ячейками
<html> <body> <h4>Расстояние между ячейками не задано:</h4> <table border="1"> <tr> <td>Первая </td> <td>Строка </td> </tr> <tr> <td>Вторая </td> <td>Строка </td> </tr> </table> <h4>Расстояние между ячейками (cellspacing) задано:</h4> <table border="1" cellspacing="10"> <tr> <td>Первая </td> <td>Строка</td> </tr> <tr> <td>Вторая </td> <td>Строка </td> </tr> </table> </body> </html>
Пример выполнения данного HTML-кода
Использование в таблице фонового цвета или фонового изображения
<html> <body> <h4>Фоновый цвет (bgcolor):</h4> <table border="1" bgcolor="red"> <tr> <td>Первая </td> <td>Строка </td> </tr> <tr> <td>Вторая </td> <td>Строка </td> </tr> </table> <h4>Фоновое изображение (background):</h4> <table border="1" background="bg.jpg"> <tr> <td>Первая</td> <td>Строка</td> </tr> <tr> <td>Вторая </td> <td>Строка </td> </tr> </table> </body> </html>
Пример выполнения данного HTML-кода
Фоновый цвет или фоновое изображение в ячейке таблицы
<html> <body> <h4>Ячейки с фоном:</h4> <table border="1"> <tr> <td bgcolor="red">Первая</td> <td>Строка</td> </tr> <tr> <td background="bg.jpg"> Вторая</td> <td>Строка</td> </tr> </table> </body> </html>
Пример выполнения данного HTML-кода
Выравнивание содержимого в ячейках таблицы
<html> <body> <table width="360" border="1"> <tr> <th align="left">Опубликовано курсов</th> <th align="center">2004</th> <th align="center">2005</th> </tr> <tr> <td align="left">Базы данных</td> <td align="center">2</td> <td align="center">3</td> </tr> <tr> <td align="left">Программирование</td> <td align="center">4</td> <td align="center">5</td> </tr> <tr> <td align="left">Интернет-технологии</td> <td align="right">2</td> <td align="right">3</td> </tr> <tr> <th align="left">всего</th> <th align="right">8</th> <th align="right">11</th> </tr> </table> </body> </html>