- •Html не язык программирования.
- •Урок 2 Создание простой html странички.
- •Ничего сложного я тут не вижу. Пойдем дальше. Размер и шрифт текста.
- •Вот и все. Заданий пока не будет. :) Параграфы.
- •Заголовки.
- •Урок 7 Курсив, жирный текст, подчеркнутый текст.
- •Урок 8 Ссылки. Все о работе с ссылками.
- •Урок 9 Вставка картинок и их атрибуты.
- •Картинки как ссылки.
- •Специальные символы.
- •Урок 12 Линии - очень просто.
- •Списки, нумерация.
- •Урок 14 Создаем простую таблицу.
- •Урок 15 Создаем простую таблицу. Ширина, высота.
- •Настройка рамки.
- •Урок 16 Настройка рамки.
- •Урок 17 Выравнивание содержимого таблицы.
- •Урок 18 Как растянуть ячейки.
- •Вложенные таблицы.
- •Вступление. Понятие о фреймах.
- •Создаем простой фрейм.
- •Создаем усложненный фрейм.
- •Убираем лишнее.
У вас должно получиться что-то вроде этого:
<html>
<head>
<head>
<body>
<table> <tr> <td bgcolor="#808080">текст</td> <td bgcolor="#FF9900">текст</td> <td bgcolor="#808080">текст</td> </tr> <tr> <td bgcolor="#FF9900">текст</td> <td bgcolor="#808080">текст</td> <td bgcolor="#FF9900">текст</td> </tr> </table>
</body>
</html>
Поздравляю. Вы создали свою первую простую таблицу. Советую вам сразу не переходить на следующий урок, а попробовать создать похожую таблицу, но уже сами (по памяти). Если что-то забудете посмотрите на пример. И так по памяти создайте несколько таблиц, чтобы усвоить этот урок. Попробуйте менять цвета. А когда все запомните, переходите к следующему уроку.
Урок 15 Создаем простую таблицу. Ширина, высота.
На этом уроке вы научитесь задавать ширину и высоту таблицам. Хочу напомнить, что ширина и высота устанавливаются атрибутами width(ширина) и height(высота). Ну что, приступим? Напомню, что теперь вы будете все писать собственноручно. На предыдущих уроках я давал вам код, который вы могли просто скопировать и вставить в блокнот.
Откроем блокнот. Напишем обязательные тэги и зададим заголовок окна "Создаем простую таблицу. Ширина, высота". Напечатайте такую же таблицу, как на первом уроке по созданию таблиц. Теперь допечатайте атрибуты, как написано ниже. Нужно чтобы текст в таблице был по середине в каждой строке и ячейке. Воспользуйтесь тэгом <center></center>.
<table> <tr> <td width="60" height="40" bgcolor="#808080">текст</td>
здесь для этой ячейки мы задали две атрибуты width и height, а для других одну width, а потому что, если даш ячейке высоту большую, чум у других, то у всех ячеек высота станет как у большей. У рядов тоже самое, если вы дали какому-то ряду большую длину, то у всех рядов длинна станет как у большей. <td width="60" bgcolor="#FF9900"><center>текст</center></td> <td width="60" bgcolor="#808080"><center>текст</center></td> </tr> <tr> <td width="60" height="40" bgcolor="#FF9900"><center>текст</center></td>
<td width="60" bgcolor="#808080"><center>текст</center></td> <td width="60" bgcolor="#FF9900"><center>текст</center></td> </tr> </table>
Сохраним в table2.html.
У вас должно получиться что-то вроде этого:
текст |
текст |
текст |
текст |
текст |
текст |
Итак, вы узнали как задать ширину и высоту таблице. А теперь вы должны запомнить. Для этого попечатайте несколько раз, пока не запомните.