Как сделать сайт в программе Dreamweaver ?
Как сделать таблицу в блокноте html
Все коды можно скопировать здеь:Тема - таблицы, № 2.
Программа notepad++ предназначена для работы с кодом.
Откроем ту самую простую страницу, которую мы с вами сделали в прошлый раз!
Теперь давайте сделаем простую таблицу в блокноте и добавим её в эту страницу.
Для создания таблицы мне понадобится тег <table> и </table>
Внутрь которого нам нужно поместить строку <tr> и </tr> .
А во внутрь строки мы поместим ячейку <td> и </td>
Я добавил тег border="1" – для того, чтобы нам видеть границу таблицы! Когда вы будете использовать данный код, вы просто удалите границу = border
Для таблицы возьмем ширину 600, в коде это будет записано как - width="600"
<table width="600" border="1">
<tr>
<td>Пример таблицы №1.</td>
</tr>
</table>
Пример таблицы №1 смотрим.
| Пример таблицы №2. |
Следующую таблицу мы сделаем посложнее.
Сделаем таблицу такой же ширины, но увеличим количество строк и ячеек!
<table width="600" border="1">
<tr>
<td>Строка №1.</td>
<td>Ячейка №1.</td>
<td>Ячейка №2.</td>
<td>Ячейка №3.</td>
<td>Ячейка №4.</td>
<td>Ячейка №5.</td>
</tr>
<tr>
<td>Строка №2.</td>
<td>Ячейка №1.</td>
<td>Ячейка №2.</td>
<td>Ячейка №3.</td>
<td>Ячейка №4.</td>
<td>Ячейка №5.</td>
</tr>
<tr>
<td>Строка №3.</td>
<td>Ячейка №1.</td>
<td>Ячейка №2.</td>
<td>Ячейка №3.</td>
<td>Ячейка №4.</td>
<td>Ячейка №5.</td>
</tr>
</table>
Смотрим, что получилось.
| Строка №1. | Ячейка №1. | Ячейка №2. | Ячейка №3. | Ячейка №4. | Ячейка №5. |
| Строка №2. | Ячейка №1. | Ячейка №2. | Ячейка №3. | Ячейка №4. | Ячейка №5. |
| Строка №3. | Ячейка №1. | Ячейка №2. | Ячейка №3. | Ячейка №4. | Ячейка №5. |
А теперь самое время развлечься!
Улучши поведенческий фактор на своём сайте!
Если понравится игра, то можно забрать код для своего сайта отсюда!