У вас вопросы?
У нас ответы:) SamZan.net

Задание Изучить теоретический материал и разработать простейший дизайн вебстраницы

Работа добавлена на сайт samzan.net: 2016-06-20

Поможем написать учебную работу

Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.

Предоплата всего

от 25%

Подписываем

договор

Выберите тип работы:

Скидка 25% при заказе до 8.6.2025

Практическое занятие №2

«Форматирование таблиц»

Задание.

Изучить теоретический материал и разработать простейший дизайн веб-страницы.

Объяснить назначение всех тегов, которые Вы использовали в работе.

Например: 

Теоретический материал.

1) Для описания таблиц используется тег <ТАВLЕ>.

Тег <ТR> создает строку таблицы. Весь текст, другие теги и атрибуты, которые требуется поместить в одну строку, должны размещаться между тегами <ТR></ТR>.

Внутри строки таблицы обычно размещаются ячейки с данными. Каждая ячейка, содержащая текст или изображение, должна быть окружена тегами <ТD></ТD>. Число тегов <ТD></ТD> в строке определяет число ячеек.

 

2) Заголовки для столбцов и строк таблицы задаются с помощью тега заголовка <ТН></ТН>. Эти теги подобны <ТD></ТD>. Отличие состоит в том, что текст, заключенный между тегами <ТН></ТН>, автоматически записывается жирным шрифтом и по умолчанию располагается посередине ячейки.

  

3) Тег <CAPTION> позволяет создавать заголовки таблицы. По умолчанию заголовки центрируются и размещаются либо над, либо под таблицей. Заголовок может состоять из любого текста и изображений. Текст будет разбит на строки, соответствующие ширине таблицы.

   

4) Обычно любой текст, не помещающийся в одну строку ячейки таблицы, переходит на следующую строку. Однако при использовании атрибута NOWRAP с тегами <ТН> или <ТD> длина ячейки расширяется настолько, чтобы заключенный в ней текст поместился в одну строку.

Теги <ТD> и <ТН> модифицируются с помощью атрибута СОLSPAN. Если вы хотите сделать какую-нибудь ячейку шире, чем верхняя или нижняя, можно воспользоваться атрибутом СОLSPAN, чтобы растянуть ее над любым количеством обычных ячеек.

5) Атрибут ROWSPAN, используемый в тегах <ТD> и <ТН>, подобен атрибуту СОLSPAN=, только он задает число строк, на которые растягивается ячейка. Если вы указали в атрибуте ROWSPAN=s число, большее единицы, то соответствующее количество строк

Атрибут WIDТН применяется в двух случаях. Можно поместить его в тег <ТАВLЕ>, чтобы дать ширину всей таблицы, а можно использовать в тегах <ТD> или <ТН>, чтобы задать ширину ячейки или группы ячеек. Ширину можно указывать в пикселах или в процентах.

6) Атрибут СЕLLРАDDING определяет ширину пустого пространства между содержимым ячейки и ее границами, то есть задает поля внутри ячейки.

Атрибут СЕLLSPACING определяет ширину промежутков между ячейками в пикселах. Если этот атрибут не указан, по умолчанию задается величина, равная двум пикселам. С помощью атрибута СЕLLSPACING= можно размещать текст и графику там, где вам нужно. Если вы хотите оставить пустое место, можно вписать в ячейку пробел.

В теге <ТАВLЕ> часто определяют, как будут выглядеть рамки, то есть линии, окружающие ячейки таблицы и саму таблицу. Если вы не зададите рамку, то получите таблицу без линий, но пространство под них будет отведено. Того же результата можно добиться, задав <ТАВLЕ ВОRDER=0>. 

Пример:

Поизменяйте значения данных атрибутов.

-1-

<TABLE BORDER CELLPADDING=10 CELLSPACING=0>

       <TR>

               <TD>A</TD> <TD>B</TD> <TD>C</TD>

       </TR>

       <TR>

               <TD>D</TD> <TD>E</TD> <TD>F</TD>

       </TR>

</TABLE>

-2-

<TABLE BORDER CELLPADDING=0 CELLSPACING=10>

       <TR>

               <TD>A</TD> <TD>B</TD> <TD>C</TD>

       </TR>

       <TR>

               <TD>D</TD> <TD>E</TD> <TD>F</TD>

       </TR>

</TABLE>

-3-

<TABLE BORDER CELLPADDING=10 CELLSPACING=10>

       <TR>

               <TD>A</TD> <TD>B</TD> <TD>C</TD>

       </TR>

       <TR>

               <TD>D</TD> <TD>E</TD> <TD>F</TD>

       </TR>

</TABLE>

-4-

<TABLE BORDER=5 CELLPADDING=10 CELLSPACING=10>

       <TR>

               <TD>A</TD> <TD>B</TD> <TD>C</TD>

       </TR>

       <TR>

               <TD>D</TD> <TD>E</TD> <TD>F</TD>

       </TR>

</TABLE>

7) Теги <ТR>, <ТD> и <ТН> можно модифицировать с помощью атрибутов ALIGN и VALIGN.

Атрибут АLIGN определяет выравнивание текста и графики по горизонтали, то есть по левому или правому краю, либо по центру. Горизонтальное выравнивание может быть задано несколькими способами:

ALIGN=blееdleft прижимает содержимое ячейки вплотную к левому краю.

ALIGN=left выравнивает содержимое ячейки по левому краю с учетом отступа, заданного атрибутом СЕLLPADDING.

АLIGN=сеnter располагает содержимое ячейки по центру.

АLIGN=right выравнивает содержимое ячейки по правому краю с учетом отступа, заданного атрибутом СЕLLPADDING.

Атрибут VALIGN осуществляет выравнивание текста и графики внутри ячейки по вертикали. Вертикальное выравнивание может быть задано несколькими способами:

VALIGN=top выравнивает содержимое ячейки по ее верхней границе.

VALIGN=middle центрирует содержимое ячейки по вертикали.

VALIGN=bottom выравнивает содержимое ячейки по ее нижней границе.

8) Таблицы хороши тем, что при желании можно сделать их границы невидимыми. Это позволяет с помощью тега <ТАВLЕ> красиво размещать на странице текст и графику.

Пример:

PAGE  1




1. 7002012012П3 Таблица
2. Любимый город. За это время мы успели многое сделать для решения важных проблем волнующих ухтинцев
3. Детская школа искусств 57 Город Осинники Кемеровская область Хрустальная туфел
4. Тема- Социальное страхование от несчастных случаев на производстве
5. Дам де Парі фр Notre Dme de Pris собор у Парижі Франція присвячений Діві Марії матеріІсуса Христа кафедрал
6. агония Крест мой и наказание
7. варианты Может идти на компромиссы и уступки если нет ярко выраженной ригидности характера
8. реферату- Теорія масової комунікаціїРозділ- Журналістика Теорія масової комунікації Теорія масової кому
9.  подойти к этому разумным образом
10. Вы закончили половой акт Не спешите сразу же