Главная » Мастерская » Статьи » ТАБЛИЦЫ (HTML Уроки)

ТАБЛИЦЫ (HTML Уроки) - урок № 1

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

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

</BODY>
</HTML>

Сохраните это как table1.htm в некоторой папке (пользователи Windows3.x сохраняют это как table1.htm). Создайте для этого новую папку, потому что мы будем помещать туда и другое. Запустите ваш браузер. Используйте его, чтобы открыть table1.htm и запустите 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    
     

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

[назад] [дальше]


Copyright ByWeb©
Hosted by uCoz