Для начала вам необходимо изучить хотя бы основы языка HTML. Если вы уже можете им пользоваться - пропустите эту статью.
Язык HTML (расшифровывается как hypertext markup language - язык разметки гипертекста) используется для форматирования текста в окошке браузера. Если вы попытаетесь открыть браузером обычный текст, вы увидите одну длинную строчку - браузер считает символ перевода строки пробелом, перевод же строки осуществляется, когда браузер встречает команду <br>.
Вот так. Командами HTML считаются слова, заключенные внутри знаков "меньше"(<) и "больше" (>), например вышеупомянутый перевод строки - <br>. Команды HTML называются тэгами. Или тагами. В общем, tag'ами. Большинство из них должно открываться и закрываться. Закрывается тэг аналогичным тэгом, только со знаком "/" после "<". Простейший пример:
<b>Жирный текст</b>
будет выглядеть как
Жирный текст.
Основные тэги, которые понадобятся вам для форматирования страницы:
- HTML файл должен начинаться на <html> и заканчиваться на </html>
<html>
...
</html>
- Внутри файла должен быть заголовок, ограниченный тэгами <head> и </head> и "тело файла", ограниченное тэгами <body> и </body>. Браузер воспринимает только текст, находящийся внутри тела документа, заголовок же используется в основном для системных параметров.
<html>
<head>
...
</head>
<body>
...
</body>
</html>
- Заголовок страницы (тот, что сверху окошка браузера) находится внутри заголовка файла и ограничивается тэгами <title> и </title>. Внутри него не действуют любые другие тэги. Пример:
...
<head>
<title>Заголовок страницы</title>
</head>
...
- Ссылка на локальный файл (относительный путь) делается следующим образом:
<a href="localfile.html">То, что будет на экране</a>
- Ссылка на файл на чужом сервере (абсолютный путь) определяется так:
<a href="http://www.mail.ru/pismo.html">Абсолютный путь</a>
- Картинка вставляется тэгом img. Где width и height обозначают ее размеры.
<img src="picture.gif" width=100 height=100>
- Таблица создается тэгом table. Внутри этого тэга передаются параметры. cellpadding - промежуток между границей таблицы и текстом. cellspacing - промежуток между клутками таблицы. tr обозначает строку, внутри tr td обозначает ячейку. Количество ячеек должно быть одинаковым во всех строках, в противном случае надо использовать colspan - количество ячеек, которое занимает одна ячейка. Пример:
<table border=1 cellpadding=10 cellspacing=2>
<tr>
<td>Текст
</td>
<td>Вторая ячейка
</td>
</tr>
<tr>
<td colspan=2>
Ячейка 3. длинная
</td>
</tr>
</table>
Что выглядит как
| Текст
|
Вторая ячейка
|
|
Ячейка 3. длинная
|
- Внутри td можно указывать параметры выравнивания по горизонтали (align) и вертикали (valign). Значения left, right, center по горизонтали и top, bottom, center по вертикали. Пишется это точно так же, как и colspan. Внутри тегов td и table можно писать параметры height и width - в пикселах и процентах.
Теперь вы в состоянии самостоятельно разобрать более сложный пример.
<table border="0" width="100%">
<tr>
<td width="66%" colspan=2>Длинная, очень
длинная строчка текста.</td>
<td width="34%" align="right">Текст</td>
</tr>
<tr>
<td width="33%" valign="top" align="right">Бебебебебе</td>
<td width="33%" valign="bottom">
<font face="Arial">Бебебебебебе</font></td>
<td width="34%" valign="middle" align="center">
<img border="0" src="ban3.gif" width="100" height="100">
</td>
</tr>
</table>
