Вебдизайн для начинающих

Спецвыпуск хакер, номер #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/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>тексь <b>эту ячеечку</b> <u>мы</u> <i>покрасим</i> в #CC99CC цвет</td></tr>

<tr><td>А <sub>тут</sub> <sup>мы</sup> <sub>щас</sub> <sup>бум</sup> испытывать остальные теги типа :)</td></tr>

</table>

Назад на стр. 002-008-1  Содержание  Вперед на стр. 002-008-3

ttfb: 3.0779838562012 ms