| Главная » Мастерская » Статьи » ТАБЛИЦЫ (HTML Уроки) |
Теперь мы собираемся попробовать несколько вещей только для того, чтобы
посмотреть, что произойдет. Есть небольшой неупорядоченный список
Это весь прекрасно и превосходно, но что, если мы хотим поместить это здесь ......
Потому что мы хотим, чтобы список был рядом с изображением пирога.
Для этого мы могли бы использовать таблицу.
При изучении или формировании таблицы, всегда удобнее, когда рамки включены.
Давайте сформируем это за один шаг одновременно. Это действительно довольно просто. Начните с малого Ed <TABLE
BORDER=3>
Замените Ed на неупорядоченный список. <TABLE BORDER=3> <TD> </TR>
Помните, в отсутствии других команд, таблица будет создана такого размера, чтобы быть достаточной для содержания данных. Так в этом образце действительно нет необходимости в атрибуте размера. Затем мы развернем таблицу на полную ширину окна браузера. <TABLE BORDER=3 WIDTH=100%> <TD> </TR>
Теперь мы должны создать вторую ячейку. Мы хотим, чтобы левая ячейка была немного меньшей чем правая. <TABLE BORDER=3 WIDTH=100%> <TD WIDTH=40%></TD> <TD WIDTH=60%> </TR>
Теперь можно скопировать изображение пирога - applepie.gif в вашей рабочей папке. Вставьте изображение в первую ячейку. <TABLE BORDER=3 WIDTH=100%> <TD WIDTH=40%><IMG SRC="applepie.gif" WIDTH=150 HEIGHT=138></TD> <TD WIDTH=60%> </TR>
Выравним изображение пирога вправо и выключим атрибут рамки. <TABLE BORDER=0
WIDTH=100%> <TD WIDTH=40% ALIGN=RIGHT><IMG SRC="applepie.gif" WIDTH=150 HEIGHT=138></TD> <TD WIDTH=60%> </TR>
Все! |
ТАБЛИЦЫ (HTML Уроки)
