АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

Атрибут Сеllраdding

Читайте также:
  1. Атрибут WIDTH
  2. Атрибути людини
  3. Атрибути – це компоненти тегу, що містять вказівки про те, як броузер має сприйняти й обробити тег.
  4. Атрибуты
  5. Атрибуты
  6. Атрибуты
  7. Атрибуты:
  8. Візитна картка як атрибут ділової людини, її характеристика, реквізити
  9. Движение, пространство и время как атрибуты бытия.
  10. Движение, пространство и время как атрибуты материи
  11. Каким обязательным признаком (атрибутом) характеризуется процесс развития?

Атрибут Сеllpadding= визначає ширину порожнього простору між вмістом осередку і її межами, тобто задає поля усередині осередку.

Приклад 7:

<HTML>

<BODY>

<CENTER>

<TABLE BORDER CELLPADDING=20>

<TR>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

<TR>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

</TABLE>

<BR>

<TABLE BORDER CELLPADDING=O>

<TR>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

<TR>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

</TABLE>

</CENTER>

</BODY>

</HTML>

Атрибути Аlign= і Valign=

Теги <Тr>, <Тd> і <ТН> можна модифікувати за допомогою атрибутів ALIGN= і VALIGN=. Атрибут Аlign визначає вирівнювання тексту і графіки по горизонталі, тобто по лівому або правому краю, або по центру. Горизонтальне вирівнювання може бути задане декількома способами:

ALIGN=ВLЕЕDLEFT Притискує вміст осередку впритул до лівого краю.
ALIGN=LEFT Вирівнює вміст осередку по лівому краю з урахуванням відступу, заданого атрибутом Сеllpadding=.
Аlign=сеnter Розташовує вміст осередку по центру.
Аlign=right Вирівнює вміст осередку по правому краю з урахуванням відступу, заданого атрибутом Сеllpadding=. Приклад 8:

<HTML>

<BODY>

<TABLE BORDER WIDTH=100%>

<TR>

<TD ALIGN=LEFT>Текст или данные</TD>

<TD ALlGN=CENTER>Текст или данные</TD>

<TD ALIGN=RIGHT>Текст или данные</TD>

</TR>

<TR>

<TD ALIGN=RIGHT>Текст или данные</TD>

<TD ALIGN=CENTER>Текст или данные</TD>

<TD ALIGN=LEFT>Текст или данные</TD>

</TR>

<TR>

<TD ALIGN=RIGHT>Текст или данные</TD>

<TD ALIGN=RIGHT>Текст или данные</TD>

<TD ALIGN=RIGHT>Текст или данные</TD>

</TR>

<TR>

<TD ALIGN=CENTER>Текст или данные</TD>

<TD ALIGN=CENTER>Текст или данные</TD>

<TD ALIGN=CENTER>Текст или данные</TD>

</TR>

<TR>

<TD ALIGN=LEFT>Текст или данные</TD>

<TD ALIGN=LEFT>Текст или данные</TD>

<TD ALIGN=LEFT>Текст или данные</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Атрибут Valign = здійснює вирівнювання тексту і графіки усередині осередку по вертикалі.. Вертикальне вирівнювання може бути задане декількома способами: VALIGN=ТОР Вирівнює вміст осередку по її верхній межі.

VALIMG=МIDDLE Центрує вміст осередку по вертикалі.
VALIGN=ВОТТОМ Вирівнює вміст осередку по її нижній межі. Приклад 9:

<HTML>

<BODY>

<CENTER>

<TABLE BORDER WIDTH=90%>

<TR>

<TD WIDTH=100> Атрибут VALIGN= здійснює вирівнювання тексту і графіки усередині осередку по вертикалі.

</TD>

<TD VALIGN=TOP>верх,</TD>

<TD VALIGN=MIDDLE>середина,</TD>

<TD VALIGN=BOTTOM>низ.</TD>

</TR>

<TR VALIGN=TOP>

<TD> VALIGN=ТОР Вирівнює вміст осередку по її верхній межі.

</TD>

<TD>верх,</TD>

<TD>верх,</TD>

<TD>верх.</TD>

</TR>

<TR VALIGN=middle>

<TD> VALIGN=МIDDLE Центрує вміст осередку по вертикалі.

</TD>

<TD>середина,</TD>

<TD>середина,</TD>

<TD>середина.</TD>

</TR>

<TR VALIGN=bottom>

<TD> VALIGN=ВОТТОМ Вирівнює вміст осередку по її нижній межі.

</TD>

<TD>низ,</TD>

<TD>низ,</TD>

<TD>низ.</TD>

</TR>

</TABLE>

</CENTER>

</BODY>

</HTML>

Атрибут Воrder=

У тезі <Тавlе> часто визначають, як виглядатимуть рамки, тобто лінії, навколишні елементи таблиці і саму таблицю. Якщо ви не задасте рамку, то отримаєте таблицю без ліній, але порожній простір для них буде відведений. Того ж результату можна добитися, задавши <Тавlе Воrder=0>. Іноді хочеться зробити межу товстіше, щоб вона краще виділялася. Можна для залучення уваги до малюнка або тексту задати виключно жирні межі. При створенні вкладених таблиць доводиться робити межі різної товщини для різних таблиць, щоб їх легко було розрізняти.

Атрибут Сеllspacing=

Атрибут Сеllspacing= визначає в пікселях ширину проміжків між осередками. Якщо цей атрибут не заданий, за умовчанням задається величина, рівна двом пікселям. Атрибут Сеllspasing= можна використовувати, щоб помістити текст і графіку безпосередньо там, де вам потрібно. Якщо ви хочете залишити порожнє місце, можна вписати в осередок пропуск. Приклад 10:

<HTML>

<BODY>

<CENTER>

<TABLE BORDER CELLSPACING=20>

<TR>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

<TR>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

</TABLE>

<TABLE CELLSPACING=20>

<TR>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

<TR>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

</TABLE>

<TABLE CELLSPACING=0>

<TR>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

<TR>

<TD>Текст или данные</TD>

<TD></TD>

<TD>Текст или данные</TD>

</TR>

</TABLE>

</CENTER>

</BODY>

</HTML>

ПРАКТИЧНА ЧАСТИНА

1.Завантажити програми Блокнот і Internet Explorer. Відкрийте свій HTML-файл.

2.Завантажити програму Paint. Створіть на полотні розміром 190 на 230 пікселей кольоровий малюнок. Збережіть його як «Ваше_ім’я.jpg» у папці, що й Ваш HTML-файл. Закрийте програму Paint.

3.Створіть HTML-код, у результаті якого броузер покаже таблицю шириною в 90% сторінки, у три рядки й три стовпця, з обрамленням синього кольору, кожна клітина таблиці має бути різного кольору. Середній осередок першого рядка повинен містити ваш малюнок «Ваше_Прізвище.jpg» з «підказкою» «Мій малюнок». Інші осередки повинні містити вирівняний по зовнішній межі таблиці довільний текст. Завантажити збережений файл у броузері.

4. Побудувати таблиці наступного вигляду:

 

Ячейка 1 Ячейка2
Ячейка 3 Ячейка 4

 

TopLeft TopRight
BottomLeft BottomRight
A B C D
E F G H
           
A B C
D E F G
         
Товар цена
1 – 9 шт. Опт
Корзина печенья    
Бочка меда    
Ложка дегтя 3,00 380,00


1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |

Поиск по сайту:

Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.008 сек.)