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

Таблицы

< Лекция 3 || Лекция 4: 12345 || Лекция 5 >
Заглавие таблицы
<html>
<body>

<h4>
Эта таблица имеет заглавие 
и толстую рамку:
</h4>

<table border="6">
<caption>Заглавие</caption>
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

</body>
</html>

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

Ячейки таблицы, которые охватывают более одной строки/столбца
<html>
<body>

<h4>Ячейка, которая охватывает два столбца:</h4>
<table border="1">
<tr>
  <th>Организация</th>
  <th colspan="2">Телефон</th>
</tr>
<tr>
  <td>Интернет-Университет Информационных Технологий</td>
  <td>253-9312</td>
  <td>253-9313</td>
</tr>
</table>

<h4>Ячейка, которая охватывает две строки:</h4>
<table border="1">
<tr>
  <th>Организация:</th>
  <td> Интернет-Университет Информационных Технологий </td>
</tr>
<tr>
  <th rowspan="2">Телефон:</th>
  <td>253-9312</td>
</tr>
<tr>
  <td>253-9313</td>
</tr>
</table>

</body>
</html>

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

Теги внутри таблицы
<html>
<body>
<table border="1">
<tr>
  <td>
   <p>Это параграф </p>
   <p>Это другой параграф </p>
  </td>
  <td>Эта ячейка содержит таблицу:
   <table border="1">
   <tr>
     <td>A</td>
     <td>B</td>
   </tr>
   <tr>
     <td>C</td>
     <td>D</td>
   </tr>
   </table>
  </td>
</tr>
<tr>
  <td>Эта ячейка содержит список 
   <ul>
    <li>элемент 1</li>
    <li>элемент 2</li>
    <li>элемент 3</li>
   </ul>
  </td>
  <td>КОНЕЦ</td>
</tr>
</table>

</body>
</html>

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

Отступ от рамки до содержимого ячейки
<html>
<body>

<h4>Без отступа:</h4>
<table border="1">
<tr>
  <td>Первая </td>
  <td>Строка</td>
</tr>   
<tr>
  <td>Вторая </td>
  <td>Строка</td>
</tr>
</table>

<h4>С отступом (cellpadding) :</h4>
<table border="1" 
cellpadding="10">
<tr>
  <td>Первая</td>
  <td>Строка</td>
</tr>   
<tr>
  <td>Вторая</td>
  <td>Строка</td>
</tr>
</table>

</body>
</html>

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

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

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

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

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

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

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

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

Анатолий Федоров
Анатолий Федоров
Россия, Москва, Московский государственный университет им. М. В. Ломоносова, 1989
Галина Матрук
Галина Матрук
Молдова, Республика, Кишинев, UTM, 2010