Вы читаете журнал [info]inferit

Я вернулся

  • 18 Дек, 2010 at 6:15 PM

Добрый день читатели этого блока.
Сразу извинюсь что долго не писал.
На днях расскажу подробнее чем занимался.
также предоставлю некоторую интересную информацию о сервисах  платных опросов.
Расскажу где взять и установить сервер Денвер.
ну на сегодня пожалуй и все
Пример сайта

новое в блоге

  • 23 Ноя, 2010 at 1:43 PM

Добрый день читатели блога.

Извините, что давно я здесь не писал. Просто изучал в интернете возможность заработка на платных опросах. Если все будет получаться, то про некоторые сервисы напишу здесь.

А сейчас продолжим изучение таблиц.
Как я и говорил это последний пост, который касается таблиц в html.
Сегодня мы поговорим о том как объединять ячейки в таблице.

Для этого создадим маленькую таблицу.

<table border ="1">
<tr>
<td> Один</td>
<td> Два </td>
<td> Три</td>
</tr>
<tr>
<td>Четыре</td>
<td>Пять</td>
<td>Шесть</td>
</tr>
<tr>
<td>Семь</td>
<td>Восемь</td>
<td>Девять</td>
</tr>
</table>

Теперь давайте объединим первую строчку.

<table border ="1">
<tr>
<td colspan="3">Один</td>
</tr>
<tr>
<td>Четыре</td>
<td>Пять</td>
<td>Шесть</td>
</tr>
<tr>
<td>Семь</td>
<td>Восемь</td>
<td>Девять</td>
</tr>
</table>

И допустим вам надо обледенить 2 последние ячейки (Восемь и Девять).
Код будет выглядеть так:

<table border ="1">
<tr>
<td colspan="3">Один</td>
</tr>
<tr>
<td>Четыре</td>
<td>Пять</td>
<td>Шесть</td>
</tr>
<tr>
<td>Семь</td>
<td colspan="2">Восемь</td>
</tr>
</table>

Ну вот и все что я хотел вам рассказать про таблицы.
В следующем посту продолжим изучение html.
До встречи на страницах дневника.

Пример сайта

html таблица 5

  • 17 Ноя, 2010 at 12:33 PM

Добрый день, читатели блога!

Сегодня, как я и обещал, мы поговорим об отступах между ячейками таблицы и отступами между ячейкой и её содержимым.
Ну, начнем.
Итак, чтобы изменить расстояние между ячейками таблицы, нужно в тег TABLE добавить параметр cellspacing ="N", где N – ширина отступа в пикселях, по умолчанию равна 1.

А чтобы изменить отступ от края ячейки до  содержимого в теге TABLE нужно использовать параметр cellpadding="N", где N – ширина отступа в пикселях, и также по умолчанию равна 1.

И напоследок пример таблицы, где это использовано.

<TABLE cellspacing ="0" cellpadding="0" border="0" width=1000 height=1500 bordercolor="#ff00ff" bgcolor ="#0000ff">
<TR height=100 bgcolor ="#00ff00" >
<TD width=150 bgcolor ="#ff0000">Первая новость
</TD>
<TD>Текст на странице
</TD>
<TD width=150>Первый анонс
</TD>
</TR>
<TR bordercolor="#ff0000">
<TD bgcolor ="#00ff00" bordercolor="#0000ff">Вторая новость
</TD>
<TD>Текст на странице
</TD>
<TD>Второй анонс
</TD>
</TR>
<TR height=100>
<TD>Третья новость
</TD>
<TD>Текст на странице
</TD>
<TD>Третий анонс
</TD>
</TR>
</TABLE>

Если у вас возникли трудности с некоторыми тегами и атрибутами в этом примере, вы можете посмотреть их описание в предыдущих постах.
Ну, на сегодня это все.

В следующий раз объясню, как объединять ячейки таблицы.
И это будет последний пост, посвященный таблицам.

Пример сайта

html таблица 4

  • 15 Ноя, 2010 at 1:03 PM

Добрый день!

Сразу хочу извиниться за свое долгое отсутствие, просто появились срочные дела.

Сегодня мы продолжим изучать параметры тега TABLE.
И первый тег, который мы сегодня рассмотрим, будет align.
Этот параметр отвечает за выравнивание таблицы на веб-странице.
Допустим, вы сделали маленькую таблицу и хотите её разместить по центру страницы.

Для этого вам надо написать:

<TABLE align=”center”>

Для размещения справа:

<TABLE align=”right”>

Для размещения слева:

 <TABLE align=”left”>

Следующий тег вам понадобится, если вы хотите в ячейку таблицы вставить рисунок. Для примера возьмем шапку сайта, или логотип сайта.

Для этого вам нужно прописать в теге TABLE параметр background.
Например:

<TABLE background = “URL” (адрес картинки) >

Ну, на сегодня это все.
Завтра расскажу, как менять расстояние между рамками ячеек и между рамкой и содержимым ячейки.

Да завтра!

Пример сайта

html таблица 3

  • 11 Ноя, 2010 at 4:38 PM

Добрый день, читатели этого журнала!

Сегодня, как и обещал, поговорим о том, как раскрасить ячейки или всю таблицу сразу.

И так приступим.
Тег, который отвечает  за фон, bgcolor с параметрами цвета, которые задаются в шестнадцатеричной системе и имеют такой вид bgcolor ="#ff0000".

Давайте попробуем раскрасить первую ячейку, для этого найдите в своем вчерашнем коде вот эту часть:

<TABLE border=1 width=1000 height=1500>
<TR height=100 >
<TD width=150>Первая новость
</TD>
<TD>Текст на странице
</TD>
<TD width=150>Первый анонс
</TD>
</TR>

И измените строчку «<TD width=150>Первая новость»:
<TD width=150 bgcolor ="#ff0000">Первая новость
Так можно раскрашивать в разные цвета все ячейки таблицы.
Если вам понадобится раскрасить 1 строчку таблицы, то параметр bgcolor вставьте
в тег TR, например:

<TR height=100 bgcolor ="#00ff00" >

Если вы не убрали параметр bgcolor из тега TD, то у вас получится первая ячейка красным цветом, а две другие -  зеленым.
А если вы захотите залить всю таблицу одним фоном, то параметр bgcolor вставьте
в тег TABLE, например, так:

<TABLE border=1 width=1000 height=1500 bgcolor ="#0000ff">

Есть еще пара параметров у тега TABLE, но мне пока ими не приходилось пользоваться.
И первый из них это bordercolor, который отвечает за цвет рамки вокруг таблицы.
Чтобы посмотреть, как он работает, измените первую строчку:

<TABLE border=3 width=1000 height=1500 bordercolor="#00ffff">

Также есть параметры bordercolordark и bordercolorlight, которые отвечают:
Bordercolordark – цвет нижней и правой части рамки
Bordercolorlight – цвет верхней и левой части рамки
Ну, на сегодня вроде бы все, что хотел вам рассказать.

Завтра продолжим рассматривать другие параметры тега TABLE.

До завтра!

Пример сайта