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

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

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

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

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

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

от 25%

Подписываем

договор

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

Скидка 25% при заказе до 5.4.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. 6-30 душ душ душ душ душ сон
2. НТК Саха Реестровый номер туроператора МТЗ 009377 Пр
3. тема Первые греческие философы по текстам досократиков ЗАДАНИЕ 1 Выберете одну из философских ш
4. Введение в кинезиологию
5. тематизацию материала особую авторскую позицию при сопоставлении различных точек зрения
6. ТЕМА- Сравнительный анализ оплаты труда служащих в государственном и частном секторах
7. варіанту 1 підшипника 7604 Клас
8. Тема Розробка плана маркетингу у складі бізнесплана банку
9. правовое обеспечение образования
10. медицинское доказательство повреждающего орудия по свойствам травмы