Главная » Статьи » Заработок на сайте

Изучение основ HTML за 5 минут #2
11. Как создать таблицу в HTML?

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

Сама таблица в HTML задается тегами <table></table> строки располагаются внутри между <table></table> обозначаются <tr></tr>, столбцы (ставятся между <tr></tr>) обозначаются <td>/<td>

Например:

<table>
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
</tr>
</table>

Получим:

Первая ячейкаВторая ячейка

Нельзя писать:

<table>
<td>Первая ячейка</td>
<tr></tr>
<td>Вторая ячейка</td>
</table>

По умолчанию таблица выводится без рамок. Чтобы рамки были видны, используется атрибут border. Размеры таблицы задаются в прцентах или пикселях при помощи атрибутов width (ширина) height (высота).

<table border="3" width="65%" height="25%">
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
</tr>
</table>

Первая ячейкаВторая ячейка

12. Как выровнять текст в таблице HTML по вертикали?

Для выравнивания текста по вертикали используется атрибут valign.

Посередине(по умолчанию) middle<td valign="middle">текст</td>
По верчнему краю top<td valign="top">текст</td>
По нижнему краю bottom<td valign="bottom">текст</td>
По базовой линии baseline<td valign="baseline">текст</td>

13. Как Объединить ячейки?

На самом деле ячейки в HTML не объединяются а расширяются по горизонтали (столбцам) или по вертикали (строкам), для этой цели в HTML используются следующие атрибуты:

colspan - расширение ячеек по горизонтали (столбцам);

rowspan - расширение ячеек по вертикали (строкам).

<table border="1" cellpadding="10">
<tr>
<td colspan="2" align="center">Первая ячейка</td>
<td rowspan="2">Вторая ячейка</td>
</tr>
<tr>
<td>Третья ячейка</td>
<td>Четвертая ячейка</td>
</tr>
</table>

Первая ячейкаВторая ячейка
Третья ячейкаЧетвертая ячейка

14. Как добавить название страницы?

Для того, чтобы добавить название страницы используется тег <title> </title> который располагается между тэгами <head> </head>. Содержимое этого тэга выводится в заголовке окна браузера.

Общий вид:

<title>Название страницы.</title>

Например тэг title этой страницы выглядит так:

<title>Изучение основ HTML за 5 минут(2 часть) - Основы заработка - To People</title>

15. Что такое метатеги?

Метатеги - это теги языка HTML, содержащие различную служебную информацию. Метатеги размещаются между тегами <head> и </head> и имеют такой формат:

Общий вид:

<meta name="имя" content="значение">
<meta http-equiv="имя" content="действие">

16. Как избежать появления кракозябл вместо текста?

Так называемые кракозяблы появляются в том случае если браузер неправильно определил кодировку страницы... В примере приведенном ниже мы принудительно выставляем кодировку windows-1251.

<meta http-equiv="Content-type" content="text/html; charset=windows-1251">

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

Поэтому всегда включайте этот тег в заголовок страницы!

17. Как добавить описание документа(страницы)?

Чтобы добавить описание страницы метатегу в параметре name нужно присвоить значение description.

<meta name="description" content="Описание страницы">

18. Как добавить ключевые слова?

Для добавления ключевых слов метатегу в параметре name нужно присвоить значение keywords. В значении content через запятую указываем ключевые слова, содержащиеся на странице. Раньше поисковики уделяли большое значение этому тэго, но сейчас почти не обращают на него внимание. Но пренебрегать этим тэгом не советую.

<meta name="keywords" content="слово 1, слово 2, слово 3, и т.д.">

Вернуться на предыдущую страницу

Категория: Заработок на сайте | Добавил: DJСКАЛКА (15.06.2011)
Просмотров: 557 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]