Таблицы - Урок 1


В этом учебнике нам будут необходимы несколько html документов. Запустите Notepad и скопируйте следующее для начала:

<HTML>
<HEAD>
<TITLE>Joe's a swell guy</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

Сохраните это как table1.html в некоторой папке (пользователи Windows3.x сохраняют это как table1.htm). Создайте для этого новую папку, потому что мы будем помещать туда и другое. Запустите ваш браузер [Netscape]. Используйте его, чтобы открыть table1.html и запустите Notepad рядом с браузером. Таким способом Вы можете создавать ваши страницы и почти мгновенно просматривать результаты вашей ручной работы. А Вы думали, что Вам необходимы 9 мегабайтные 'Мастера'..

Наберите ваши метки таблицы. Они просто означают «начало таблицы» и «окончание таблицы».

<HTML>
<HEAD>
<TITLE>Joe's a swell guy</TITLE>
</HEAD>
<BODY>

<TABLE>
</TABLE>

</BODY>
</HTML>

Каждая таблица нуждается по крайней мере в одной строке.

<HTML>
<HEAD>
<TITLE>Joe's a swell guy</TITLE>
</HEAD>
<BODY>

<TABLE>
<TR>
</TR>
</TABLE>

</BODY>
</HTML>

И конечно каждая строка должна иметь по крайней мере одну ячейку данных..

<HTML>
<HEAD>
<TITLE>Joe's a swell guy</TITLE>
</HEAD>
<BODY>

<TABLE>
<TR>
<TD></TD>
</TR>
</TABLE>

</BODY>
</HTML>

Теперь, только для концентрации внимания на основных моментах и экономии времени мы будем записывать только то, что находится в метках таблицы. Мы не буддем учитывать шапку, тело, заголовок и т.д. с этого момента. Само собой разумеется, Вы сохраняете их в вашем документе.

<TABLE>
<TR>
<TD></TD>
</TR>
</TABLE>

Теперь Вам необходимо что - то поместить в эту ячейку. Давайте поместим Ed в <TD> ячейку.

<TABLE>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>

Теперь, Вы автор полностью функциональной html таблицы! Откройте ее браузером и проверьте ее извне! Если вы сделали все правильно ваша таблица может выглядеть подобным образом:

Ed    
     

Вы видели, как легко Вы создали первую таблицу

<--ОБРАТНО       ДАЛЕЕ-->

Введение Урок 1 Урок 2 Урок 3 Урок 4 Урок 5 Урок 6 Урок 7 Указатель
Таблицы, Формы и Итак, Вы хотите построить Web Страницу!