Вебдизайн для начинающих
Спецвыпуск хакер, номер #002, стр. 002-008-2
<map атрибуты></map> - определяет чувствительную область изображения к перемещению крысы
<sub></sub> - нижний индекс (текст будет смещен вниз)
<sup></sup> - верхний индекс (текст будет смещен вверх)
<basefont атрибуты> - указывает размер шрифта для последующего текста
<font атрибуты></font> - установка размера, цвета или гарнитуры заключенного в теги текста
Пример:
<hr атрибуты> - горизонтальная линейка
Пример:
<hn атрибуты></hn> - заголовок (n от 1 до 6)
Пример:
<li атрибуты></li> - элемент списка
<ul атрибуты></ul> - неупорядоченный список элементов <li>
Пример:
<ol атрибуты></ol> - упорядоченный список элементов <li>
Пример:
<p атрибуты></p> - абзац
Пример:
<tr атрибуты></tr> - строка в таблице
<td атрибуты></td> - столбец в таблице
<table атрибуты></table> - таблица
Пример:
В принципе, как ни странно, этого набора тебе вполне хватит, чтобы наваять что-то стоящее. Хотя это далеко и не полный список тегов, я перечислил все самые основные и часто используемые. А многие фичи делаются графикой и потом просто тегами собираются и форматируются. Для примера можно что-нибудь наваять. :) Так как я не приверженец фреймов, то все сделаю с помощью таблицы, да и тебе советую делать таблицами, а не в фреймах.
Осталось придумать, что бы наваять. :) Вот что вышло:
Замечания:
- картинки мне было лениво ваять, и я просто сослался абсолютными ссылками на картинки с сайта www.xakep.ru
- чтобы твоя картинка грузилась быстрее, всегда пиши width и height в <img...>
Ну и вот, в принципе, сам код:
<html>
<head>
<title>Пример для журнала "Хакер"</title>
</head>
<body>
<center>
<font face="Arial, Helvetica" size="2">Простенький пример хакерской странички, поучающей ламеров хтмл-ю (:</font>
<br><br>
<table border="0" cellspacing="2" cellpadding=0 width="620">
<tr><td><a href="http://www.xakep.ru" target="_top"><img align="left" src="http://www.xakep.ru/x-joke/images/00003.jpg" width="400" height="287" border="0" alt="Типа мое фото :0)"></a>
<p align="justify"><h4>Если</h4> очень поднатужиться, то... не-а :) то можно сделать текст, обтекающий картинку - для этого просто в теге <img...> добавь феню align="left", тоды текст будет обтекать, :) хых, круто сказано, текст будет обтекать, :))) ну так вот, текст будет обтекать картинку справа... А чтобы он особо не был кривым, отформатируем его абзацем с недокументированным параметром align="justify". Кстати, неплохо вроде вышло. :)
Про трудную жизнь свиней, я думаю, сам сочинишь. А я щас буду плодить таблицу дальше и показывать всякие фени.</p></td></tr>
<tr><td bgcolor="#CC99CC">тексь <b>эту ячеечку</b> <u>мы</u> <i>покрасим</i> в #CC99CC цвет</td></tr>
<tr><td bgcolor="#CCCCCC">А <sub>тут</sub> <sup>мы</sup> <sub>щас</sub> <sup>бум</sup> испытывать остальные теги типа :)</td></tr>
</table>
