About earnings on the Internet.

  • Главная
  • Ссылки
  • Учебники и пособия
  • Чёрный список
  • Форум
  • Контакты
  • Партнёрка
  • Супер партнёрка


Findme.Ru

Изучаем таблицы.

Таблицы являются самой важной частью в языке HTML потому, что, практически, все сайты состоят из таблиц, и служат для создания каркаса страницы, в котором располагается всё содержание сайта.

Таблица создаётся парным тегом <table> и </table>.

Таблица сотоит из строк и столбцов, строки обзначаются парным тегом <tr> и </tr>.

В каждой строке есть хотя бы один столбец (или ячейка), столбцы обозначаются парным тегом <td> и </td>, между которыми и пишется содержание страницы.

Таким образом, код таблицы, состоящей из одной строки и одного столбца, будет выглядеть так:


<table>
<tr>
<td>
Содержание страницы
</td>
</tr>
</table>

При этом самой таблицы видно не будет, чтобы её увидеть нужно прописать в теге <table> атрибут border="", отвечающий за рамку таблицы, по умолчанию border="0", значение между кавычек указывает толщину рамки в пикселях.

Для того, чтобы выровнять нашу таблицу по центру. пишется знакомый нам атрибут align="center".

Ширина таблицы задаётся атрибутом width="", высота - атрибутом height="". В нашем случае зададим ширину таблицы, например 760 px, чтобы влез наш заголовок, а высоту задавать не будем т.к. она выставится автоматически, в зависимости от наполнения страницы контентом.

Цвет рамки задаётся тегом bordercolor="", напишем bordercolor="#000000" цвет #000000 - чёрный.

&Давайте заключим нашу страницу в таблицу и посмотрим что из этого получится.

Фон таблицы по умолчанию прозрачный и задаётся атрибутом bgcolor="", мы сделаем его белым bgcolor="FFFFFF"


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Моя первая страница</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="Description" content="На этой странице Вы найдёте создание моей первой web-страницы ">
<meta name="Keywords" content="страница,первая">
</head>
<body link="#0000FF" alink="#000000" vlink="#FF0000">
<font face="Verdana" size="2" color="#000000" >
<table border="1" bordercolor="#000000" width="760" align="center" bgcolor="FFFFFF">
<tr>
<td>

<h1 align="center"><font color="#FF0000">ДЕНЬГИ БУДУТ ИДТИ НА АВТОПИЛОТЕ !</font></h1>
<hr width="700" color="#FF0000">
<a href=" http://www.cyberzarobotok.ru/"><img src="images/book.jpg" width="193" height="250" align="left" hspace="30" vspace="10" alt="Изображение книги Заработок на автопилоте" border="0"></a>
<p><strong>Я буду изучать язык HTML потому,что он основа всех языков и на каком бы из языков не написан
сайт, его код отображается на языке HTML.</strong></p>
<p>Также я буду изучать его, потому, что ни один другой язык, без знания HTML не будет понятен.</p>
<p>Я буду изучать его, чтобы делать свои сайты и зарабатывать на них в интернет.</p>
<h2 align="center" id="middle"><em>Для того, чтобы зарабатывать на электронной коммерции нужно:</em></h2>
<ol>
<li>создать свой цифровой товар;</li>
<li>уметь писать продающий текст (копирайтинг);</li>
<li>вести рассылку;</li>
<li>проводить вирусный маркетинг;</li>
<li>нужно защищать свой товар от пиратов;</li>
<li>нужно уметь делать обложки;</li>
<li>нужно иметь свою партнёрскую программу и многое другое.</li>
</ol>
<p>Я пока этого не имею и не умею, изучив основы HTML, буду наполнять сайт интересным контентом
и зарабатывать на рекламе.</p>
<p>Если Вы всё же хотите зарабатывать на электронной коммерции: зайдите не сайт
<a href=" http://www.cyberzarobotok.ru/zar.php" target="_blank" title="Заработок на автопилоте"> http://www.cyberzarobotok.ru/zar.php</a>
или скачайте книгу "Заработок на автопилоте" по ссылке
<a href="http://www.cyberzarobotok.ru/book.rar">http://www.cyberzarobotok.ru/book.rar</a>
и Вы получите конкретные пошаговые инструкции по организации Вашего бизнеса таким образом, чтобы он круглосуточно приносил Вам доход, не требуя никакого участия с Вашей стороны.</p>
<p> Для того чтобы зарабатывать на электронной коммерции требуется: <a href="#middle">узнать</a>.</p>
<p>Связь с админом: <a href="mailto:admin@cyberzarobotok.ru?subject=Отзыв_о_сайте">admin@cyberzarobotok.ru<a></p>
</td>
</tr>
</table>

</font>
</body>
<html>

Теперь наш текст будет выглядеть так.

Мы видим , что рамка у нас не сплошная, а текст прилип к краю таблицы, чтобы исправить этот недостаток существуют атрибуты таблицы cellspacing="", определяющи расстояние между ячейками таблицы в px, обычно cellspacing="0", и атрибут cellpadding="", определяющий внутренние отстуступы от границ ячейки в px.

Таблицы могут быть вложенные, т.е. в любом столбце, в нужном нам месте, мы можем создать таблицу.

Давайте заключим наш список в таблицу шириной 500 пикселей, со светло - жёлтым фоном и перед вторым заголовком допишем 2 абзаца, для того чтобы вложенная таблица и сам заголовок были под рисунком, а не обтекали его справа.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Моя первая страница</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="Description" content="На этой странице Вы найдёте создание моей первой web-страницы ">
<meta name="Keywords" content="страница,первая">
</head>
<body link="#0000FF" alink="#000000" vlink="#FF0000">
<font face="Verdana" size="2" color="#000000" >
<table border="1" bordercolor="#000000" width="760" align="center" bgcolor="FFFFFF" cellspacing="0" cellpadding="10">
<tr>
<td>
<h1 align="center"><font color="#FF0000">ДЕНЬГИ БУДУТ ИДТИ НА АВТОПИЛОТЕ !</font></h1>
<hr width="700" color="#FF0000">
<a href=" http://www.cyberzarobotok.ru/"><img src="images/book.jpg" width="193" height="250" align="left" hspace="30" vspace="10" alt="Изображение книги Заработок на автопилоте" border="0"></a>
<p><strong>Я буду изучать язык HTML потому,что он основа всех языков и на каком бы из языков не написан
сайт, его код отображается на языке HTML.</strong></p>
<p>Также я буду изучать его, потому, что ни один другой язык, без знания HTML не будет понятен.</p>
<p>Я буду изучать его, чтобы делать свои сайты и зарабатывать на них в интернет.</p>
<p>Начинать свою карьеру в интернете с инфо-бизнеса новичку довольно сложно.</p>
<p>В сети есть не менее доходные способы заработка, чем инфо-бизнес.</p>
<h2 align="center" id="middle"><em>Для того, чтобы зарабатывать на электронной коммерции нужно:</em></h2>
<table border="1" bordercolor="#000000" width="760" align="center" bgcolor="FFFFCC" cellspacing="0" cellpadding="5">
<tr>
<td>

<ol>
<li>создать свой цифровой товар;</li>
<li>уметь писать продающий текст (копирайтинг);</li>
<li>вести рассылку;</li>
<li>проводить вирусный маркетинг;</li>
<li>нужно защищать свой товар от пиратов;</li>
<li>нужно уметь делать обложки;</li>
<li>нужно иметь свою партнёрскую программу и многое другое.</li>
</ol>
</td>
</tr>
</table>

<p>Я пока этого не имею и не умею, изучив основы HTML, буду наполнять сайт интересным контентом
и зарабатывать на рекламе.</p>
<p>Если Вы всё же хотите зарабатывать на электронной коммерции: зайдите не сайт
<a href=" http://www.cyberzarobotok.ru/index.php" target="_blank" title="Заработок на автопилоте"> http://www.cyberzarobotok.ru/index.php</a>
или скачайте книгу "Заработок на автопилоте" по ссылке
<a href="http://www.cyberzarobotok.ru/book.rar">http://www.cyberzarobotok.ru/book.rar</a>
и Вы получите конкретные пошаговые инструкции по организации Вашего бизнеса таким образом, чтобы он круглосуточно приносил Вам доход, не требуя никакого участия с Вашей стороны.</p>
<p> Для того чтобы зарабатывать на электронной коммерции требуется: <a href="#middle">узнать</a>.</p>
<p>Связь с админом: <a href="mailto:admin@cyberzarobotok.ru?subject=Отзыв_о_сайте">admin@cyberzarobotok.ru<a></p>
</td>
</tr>
</table>
</font>
</body>
<html>

Теперь наша страница будет выглядеть так.

В следующем уроке будем продолжать учиться делать таблицы и создадим каркас сайта.

Перейти к созданию каркаса сайта.

Содержание уроков по основам HTML.

Урок 1. Что такое тег? Определение основных тегов.

Урок 2. Форматирование текста.

Урок 3. Создание списков.

Урок 4. Форматирование шрифтов.

Урок 5. Вставляем изображения.

Урок 6. Изучаем ссылки.

Урок 7. Изучаем таблицы.

Урок 8. Создаём каркас сайта.

Урок 9. Создаём страницу сайта.


Реклама

Protected by Copyscape Unique Content Checker




Copiright © http://www.cyberzarobotok.ru/