58193

Создание web-страниц. Таблицы

Конспект урока

Педагогика и дидактика

Это таблица TD TR TBLE BODY Еще атрибуты параметры тега TBLE lign выравнивание по странице TBLE lign=rigth Bckground изображение фон таблицы Bgcolor цвет фона TBLE lign=right bgcolor=red...

Русский

2014-04-22

39 KB

0 чел.

Урок 5.

Создание web-страниц.

Таблицы.

Для добавления таблицы используется тег <TABLE>  </TABLE>

Каждая ячейка определяется тегом  <TD>  </TD>   (строка)  и тегом <TR>   </TR> (ячейка)

  1.  <HTML>

<HEAD>

<TITLE>ТАБЛИЦА</TITLE>

</HEAD>

<BODY>

<TABLE>

<TR>

<TD>Это таблица</TD>

</TR>

</TABLE>

</BODY>

 

Атрибут border добавляет границу указанной ширины.

  1.  <HTML>

<HEAD>

<TITLE>ТАБЛИЦА</TITLE>

</HEAD>

<BODY>

<TABLE  border=3>

<TR>

<TD>Это таблица</TD>

</TR>

</TABLE>

</BODY>

Еще атрибуты (параметры) тега TABLE

Align – выравнивание по странице

<TABLE  Align=rigth >

Background – изображение – фон таблицы

Bgcolor – цвет фона

<TABLE  Align=right bgcolor=red bordercolor=pink>

Border – ширина рамки

<TABLE  border=3   Align=right bgcolor=red bordercolor=pink>

Bordercolor –цвет рамки

Cellspacing – свободное пространство между ячейками

Cellpadding – свободное пространство вокруг содержимого ячейки

Width – ширина таблицы в пикселях или в процентах

Добавим ячеек.

<TABLE>

<TR>

<TD>Это таблица</TD>

<TD>состоит</TD>

<TD>из нескольких</TD>

<TD>ячеек</TD>

<TD>все просто</TD>

</TR>

<TR>

<TD>а так </TD>

<TD>начинается</TD>

<TD>новая строка</TD>

<TD>еще проще</TD>

</TR>

</TABLE>

Сложные таблицы.

Для этого используем еще два атрибута colspan – объединение ячеек, rowspan – объединение столбцов.

1 пример

<TABLE>

<TR>

<TD colspan=2>все просто</TD>

</TR>

<TR>

<TD>1 ячейка </TD>

<TD>2 ячейка</TD>

</TR>

</TABLE>

2 пример

<TABLE>

<TR>

<TD rowspan=4>вот она</TD>

<TD>все просто</TD>

</TR>

<TD>1 ячейка </TD>

</TR>

<TD>2 ячейка</TD>

</TR>

</TABLE>

Задание поэкспериментируйте и получите более сложные таблицы. Добавьте в содержимое ячейки картинку (желательно небольшого размера)


 

А также другие работы, которые могут Вас заинтересовать

36100. ЕКОЛОГІЧНЕ ІНСПЕКТУВАННЯ 245.5 KB
  Кодексом України про адміністративні правопорушення передбачені такі види адміністративних стягнень: попередження; штраф який обчислюється у кількості неоподатковуваних мінімумів доходів громадян нмдг; оплатне вилучення предмета який став знаряддям вчинення або безпосереднім об’єктом адміністративного правопорушення; конфіскація: предмета який став знаряддям вчинення або безпосереднім об’єктом адміністративного правопорушення; незаконно добутих об’єктів тваринного чи рослинного світу; грошей одержаних внаслідок вчинення...
36101. ПРАВО ІНТЕЛЕКТУАЛЬНОЇ ВЛАСНОСТІ 352.5 KB
  Право інтелектуальної власності становлять особисті немайнові права інтелектуальної власності та (або) майнові права інтелектуальної власності, зміст яких щодо певних об'єктів права інтелектуальної власності визначається кодексом та іншими законами. Кодексом визначено співвідношення права інтелектуальної власності та права власності як різних правових категорій.
36102. Інформаційні системи та технології. Опорний конспект лекцій 420 KB
  В сучасних умовах стрімко зростає попит на інформацію та інформаційні послуги. В зв’язку з цим технологія опрацювання інформації намагається використовувати найширший спектр технічних засобів і, передусім, комп’ютерну техніку та цифрові електронні засоби комунікації. На їх основі створюються обчислювальні системи і мережі не лише для накопичення, збереження та перетворення інформації, а й для максимального наближення термінальних пристроїв до робочого місця фахівця або керівника, який приймає рішення.
36103. КОМЕРЦІЙНЕ ПРАВО 1.44 MB
  Навчальний посібник розрахований для студентів неюридичних навчальних закладів I – IV рівня акредитації які вивчають трудове право України а також для всіх хто цікавиться проблемами господарського законодавства. МІНІСТЕРСТВО АГРАРНОЇ ПОЛІТИКИ УКРАЇНИ ДЕПАРТАМЕНТ КАДРОВОЇ ПОЛІТИКИ АГРАРНОЇ ОСВІТИ ТА НАУКИ НАВЧАЛЬНОМЕТОДИЧНИЙ ЦЕНТР ПО ПІДГОТОВЦІ МОЛОДШИХ СПЕЦІАЛІСТІВ КОМЕРЦІЙНЕ ПРАВО ПРОГРАМА ІЗ СПЕЦІАЛЬНОСТІ 5. Вивчення господарського законодавства передбачає вміння майбутніх фахівців на практиці застосовувати набуті знання вміння та...
36104. Кримінальне право України 468 KB
  Конституція України. Кримінальний Кодекс України від 5квітня 2001р. Кримінальний процесуальний Кодекс України від 28 грудня 1960р.
36105. КОМУНІКАТИВНІ ПРОЦЕСИ У НАВЧАННІ 162 KB
  Тому спілкування з людьми – це наука й мистецтво. Тут важливі не тільки природні здібності людини та її бажання спілкуватись але й знання законів спілкування. Майбутні фахівці повинні зрозуміти що для успішної діяльності вони можуть і повинні навчитись орієнтуватись у психологічних підходах до партнерів адекватно розуміти реальність обирати такі способи ділового спілкування які будуть сприяти успіху як у професійній діяльності так і у житті. Студенти повинні звернути особливу увагу на те що проблема спілкування є одною з найважливіших...
36106. Міжнародний інноваційний менеджмент 350.5 KB
  Переваги міжнародного інноваційногоСпівробітництва І. Міжнародне співробітництво як запорука інноваційного процесу в національній економіці С. Міжнародне співробітництво як запорука інноваційного процесу в національній економіці С. Переваги міжнародного інноваційногоСпівробітництва І.
36107. МАТЕМАТИЧНЕ ПРОГРАМУВАННЯ 1.78 MB
  Загальна постановка задачі лінійного програмування ЗЛП полягає в наступному.2 називається припустимим рішенням або припустимим планом ЗЛП. Говорять що ЗЛП розвязна якщо вона має оптимальний план. ЗЛП може бути нерозвязною тільки з наступних двох причин: а ОПР порожня; б ОПР непорожня але цільова функція не обмежена на ОПР зверху якщо в ЗЛП шукається її максимум або не обмежена знизу якщо в ЗЛП шукається мінімум цільової функції.
36108. Основи Охорони праці 1.03 MB
  Основи охорони праці. Конспект лекцій з дисципліни Основи охорони праці для студентів усіх спеціальностей денної та заочної форми навчання. Методичні вказівки спрямовані на надання методичної допомоги студентам усіх форм навчання під час вивчення дисципліни Основи охорони праці.