Форум Днепропетровска
Taobao форум СП в Украине
Вернуться   Форум города Днепр (Днепропетровска) > КОМПЬЮТЕРЫ и программы > Онлайн уроки > Нtml

Нtml Уроки по html

Ответ Добавить объявление Выделить тему
 
Опции темы Опции просмотра
Старый 04.10.2010, 16:36   #1
Strelok
Бессмертный
 
Аватар для Strelok
 
Регистрация: 22.01.2009
Адрес: Ф жДуНгЛяХ
Сообщений: 1,768
cказал Спасибо: 155
сказали Спасибо 639 раз(а) в 348 сообщении
Настроение: Angelic
Вес репутации: 280 Strelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспорима
По умолчанию Использование таблиц в дизайне страницы

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

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

Пример 1.20
<HTML>
<BODY>
<CENTER>
<TABLE CELLPADDING=10 CELLSPACING=0 BORDER=16>
<TR>
<TD ALIGN=CENTER>
<H1>ПЕРФОРАТОР</H1>
<H3>Только сегодня!</H3>
<TABLE BORDER WIDTH=100%>
<TR><TD ALIGN=CENTER><I>Почти бесплатно!</I></TD>
</TR>
</TABLE>
</TD>
</TR >
</TABLE>
</CENTER >
</BODY>
</HTML>



Рис. 1.21. Создание выпуклых элементов
Создание разноцветных таблиц

Ведущие броузеры, позволяют отображать некоторые цвета. Есть несколько способов раскрасить таблицу, в основном они зависят от используемого броузера.
Цветные границы в Netscape Navigator

Вы не только можете окружить таблицу красивой рамкой, но еще и задать для нее цвет, отличный от цветов текста и фона. Создайте простой серый GIF (или любой GIF, который вы хотели бы иметь в качестве фона) и определите его в таге <ВODY> как фон страницы. Затем задайте цвет фона страницы. В результате ваш таг <ВОDY> будет выглядеть примерно так:
<BODY ВАСКGROUND="сооlbg.gif" ВGCOLOR=" # FF0000">

Вы создали двойной фон - GIF и заданный цвет. В результате фоновый цвет будет виден на всех границах таблиц и горизонтальных линиях (<НR>). Вне зависимости от того, является ли ваш фоновый GIF серым или нет, цветные линии и границы таблиц будут заметно выделяться. Если фоновый GIF не слишком сложно устроен, время загрузки страницы лишь немного возрастет. На приведенном ниже примере показано какие, широкие возможности дает использование цвета в HTML и в частности в таблицах.

Пример 1.21
<HTML>
<BODY BACKGROUND="bgr.gif" BGCOLOR="YELLOW" >
<CENTER>
<TABLE BORDER=3 CELLPADDING=20>
<CAPTION ALIGN=TOP><H2>Как просверлить бетонную
стену</H2></CAPTION>
<TR>
<TD BGCOLOR=GRAY>
<TABLE CELLPADDING=10 CELLSPACING=0 BORDER=16>
<TD BGCOLOR=RED ALIGN=CENTER>
<H1>ПЕРФОРАТОР</H1>
<H3>Только сегодня!</H3>
<TABLE BORDER WIDTH=100%>
<TR>
<TD BGCOLOR=AQUA ALIGN=CENTER>
<I>Почти бесплатно!</I></TD>
</TR>
</TABLE>
</TABLE>
<TD WIDTH=50% BGCOLOR=BROWN ALIGN=CENTER>
<IMG SRC="perfor1.gif" WIDTH=200 HEIGHT=150>
</TD>
</TR>
<TR>
<TD BGCOLOR=PINK>
<FONT SIZE=6 COLOR=BLUE>От 6 до 20 мм</FONT>
</TD>
<TD BGCOLOR=BLUE>
<FONT SIZE=6 COLOR=PINK>Просверлим все</FONT>
</TD>
</TR>
</TABLE>
</CENTER >
</BODY>
</HTML>



Рис. 1.22. Пример разноцветной таблицы




Strelok вне форума   Ответить с цитированием
 
Ответ Добавить объявление Выделить тему


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход


Часовой пояс GMT +3, время: 21:34.

 
Работает на vBulletin®.
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Перевод: zCarot

 
Форумы

Город Днепропетровск
Политика
Новости Днепропетровска
Дом и семья
Кулинария
Наши дети
Доска объявлений
Досуг и развлечения
Музыка
Коллекционирование
Компьютеры и программы
Мобильная связь и интернет
Работа в Днепропетровске
Профессиональные форумы
Он и она...
Беседка
Товары

Каталог цен и товаров
Совместные покупки


Благотворительность

Помощь детям
Услуги

Переводчик текста


Информация

Телепрограмма
Карта Днепропетровска
Доска объявлений
Погода
Сервисы

Фотошоп онлайн
Города Украины
Реклама на сайте
Реклама на форуме
Наверх ↑

форум Днепропетровска
© 2008—2016



Администрация форума Днепропетровска не несет ответственности за информацию, которую размещают пользователи ресурса. Полное либо частичное копирование материалов без обратной ссылки - запрещено.