Уважаемый посетитель!
Здесь Вы можете
узнать как научиться
делать свои
сайты.

Сайт

Уроки сайтостроения
Сайт Строим сайт Скрипты Книги

Создаем свой сайт.

Как построить таблицу? №2



     Открываем созданный на прошлом занятии файл с именем sait1.htm в папочке "проба" в программе FrontPage и перед нами откроется такое окно:

 


 

     Переходим в режим «конструктора». Перед нами код файла:

 

<div align="center">

            <table border="1" width="500" id="table1">

                        <tr>

                                   <td>&nbsp;</td>

                                   <td>&nbsp;</td>

                                   <td>&nbsp;</td>

                        </tr>

                        <tr>

                                   <td>&nbsp;</td>

                                   <td>&nbsp;</td>

                                   <td>&nbsp;</td>

                        </tr>

                        <tr>

                                   <td>&nbsp;</td>

                                   <td>&nbsp;</td>

                                   <td>&nbsp;</td>

                        </tr>

            </table>

</div>

 

     Что он обозначает было означено в предыдущем уроке. Теперь же с помощью изменения кода страницы будем менять созданную таблицу.

      Для начала поменяем ширину таблицы на width="750", далее c помощью курсора (устанавливаем на на окончание слова "table") и нажатия на "пробел" вызываем список возможных атрибутов для таблицы. Здесь сначала выбираем  cellpadding="0"  и устанавливаем его показатель на "0" (этим устанавливается расстояние между краями ячейки и ее содержимым, затем то же самое делаем и с cellspacing="0" (устанавливается расстояние между самими ячейками. Начальное расстояние, задаваемое программой "2", поэтому границы между ячейками двойные.

      Далее тег <tr> (строка) трогать не будем. А вот в первом теге <td>  (ячейка) установим (таким же способом как и для таблицы с помощью курсора и "пробела")  colspan="3", то есть объединим все три ячейки в первой строке в одну. Соответственно два последующих тега <td></td> удаляются.

      После этого переходим на редактирование второй строки, сам тег <tr> вновь пропускаем. В первом теге <td> устанавливаем width="25%" (в процентах к общей длине строки, но можно и напрямую в пикселях). Во втором теге <td> устанавливаем width="50%" . В третьем теге <td>  ширину не устанавливаем, так как она установится автоматически как остаток после использования своей ширины первой и второй ячейкой.

      Третью строку сделаем такой же как и первая, то есть в первом теги устанавливаем атрибут colspan="3", объединяя все 3 ячейки воедино, затем удаляем остальные два  тега <td></td>.

      После этого возвращаемся к тегу "table", в котором атрибут cellspacing="0"  меняем на cellspacing="10"

      В итоге у нас должен получится вот такой код таблицы:

     

 <div align="center">
<table cellpadding="0" cellspacing="10" border="1" width="750" id="table1">
<tr>
<td colspan="3">&nbsp;</td>
</tr>
<tr>
<td width="25%">&nbsp;</td>
<td width="50%">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
</table>
</div>
 

     А сама таблица примет вот такой вид:

 

 

     

      На этом второе занятие по построению таблиц закончено.

      Удачи Вам в обучении!

Динамичный сайт

Птицы мира

Звери мира Антилопа, волк, заяц, еж, лиса, медведь, тигр и другие...

Рыбы мира Белуга, Вьюн, Вобла, Горбуша, Голавль, Кета, Карась, Окунь, Пескарь и другие...

Новый эконом

Космос, вселенная Земля, Солнце, Луна, звезды, планеты, спутники и другое...

Растения мира, флора Акация, Астра, Аир, Анчар, Береза, Белена, Багульник и другие...

Легкая атлетика

Наша природа Объекты природы, явления природы, понятия природы и другое...

Здоровая пища
Анонсы, Абрикосы, Бананы, Виноград, Капуста, Картофель, Лук, Морковь и другие ...

Газета А589

Физкультура
Ходьба, бег, гинатика и другое для поддержания здоровья...

Здорово!
Состояние здоровья, поддержание и улучшение здоровья, лечение...

Работа, дело

Свой сайт
Изучение языков HTML, CSS, JavaScript, создание и размещение своего сайта...

Кафе "Одесса" Ярославль Завтраки, обеды, свадьбы, юбилеи, встречи друзей, поминки и другое...

Ярославские свадьбы Свадьбы в Ярославле, традиции, места проведения и другое...


Отряды птиц
Воробьиные, Веслоногие, Буревестники, Куриные...

Макроэкономика
Экономика государства, бюджет, налоги, пенсии, инфляция...

Школа спринта
Учись быстро бегать, тренировки...

Птицы на А и Б
Аист, Альбатрос, Авдотка, Бекас, Баклан, Буревестник...

Мегаэкономика
Международная экономика, разделение труда, сырья, капиталов...

Школа метателя
Техника, физиология, этапы и периоды подготовки, структура и примеры тренировок...

Основы экономики
Понятия, Законы, Аксиомы, Производство, Разделение труда, Обмен, Прибыль...

Школа прыгуна
Прыжок в длину, тройной, прыжок в высоту...

Работа
Выбор профессии, обучение, поиск, собеседование, карьерный рост...

Птицы на В и Г
Варакушка, Воробей, Ворона, Грач, Гриф, Гусь...

Школа многоборца
Виды легкой атлетики, этапы и периоды подготовки, структура и примеры тренировок...

Своё дело
Теория, практика, учет, финансы...


Эмблема сайта Сайт Строим сайт Скрипты Книги
счетчик посещений Рейтинг@Mail.ru Почта: nashocag@yandex.ru sait.a589.ru © 2017 "Сайт"