Опубликован: 25.10.2006 | Уровень: для всех | Доступ: платный
Лекция 4:

Таблицы

< Лекция 3 || Лекция 4: 12345 || Лекция 5 >
Расстояние между ячейками
<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>

Пример выполнения данного HTML-кода

< Лекция 3 || Лекция 4: 12345 || Лекция 5 >
Анна Королёва
Анна Королёва

Пожалуйста, уточните, кто автор курса Основы работы с HTML ?

Федор Антонов
Федор Антонов

Здравствуйте!

Записался на ваш курс, но не понимаю как произвести оплату.

Надо ли писать заявление и, если да, то куда отправлять?

как я получу диплом о профессиональной переподготовке?