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

Спецвыпуск хакер, номер #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

загрузка...
Cпец Хакер #075Cпец Хакер #074Cпец Хакер #073Cпец Хакер #072Cпец Хакер #071Cпец Хакер #070Cпец Хакер #069Cпец Хакер #068Cпец Хакер #067Cпец Хакер #066Cпец Хакер #065Cпец Хакер #064Cпец Хакер #063Cпец Хакер #062Cпец Хакер #061Cпец Хакер #060Cпец Хакер #059Cпец Хакер #058Cпец Хакер #057Cпец Хакер #056Cпец Хакер #055Cпец Хакер #054Cпец Хакер #053Cпец Хакер #052Cпец Хакер #051Cпец Хакер #050Cпец Хакер #049Cпец Хакер #048Cпец Хакер #047Cпец Хакер #046Cпец Хакер #045Cпец Хакер #044Cпец Хакер #043Cпец Хакер #042Cпец Хакер #041Cпец Хакер #040Cпец Хакер #039Cпец Хакер #038Cпец Хакер #037Cпец Хакер #036Cпец Хакер #035Cпец Хакер #034Cпец Хакер #033Cпец Хакер #032Cпец Хакер #031Cпец Хакер #030Cпец Хакер #029Cпец Хакер #028Cпец Хакер #027Cпец Хакер #026Cпец Хакер #025Cпец Хакер #024Cпец Хакер #023Cпец Хакер #022Cпец Хакер #021Cпец Хакер #020Cпец Хакер #019Cпец Хакер #018Cпец Хакер #017Cпец Хакер #016Cпец Хакер #015Cпец Хакер #014Cпец Хакер #013Cпец Хакер #012Cпец Хакер #011Cпец Хакер #010Cпец Хакер #009Cпец Хакер #008Cпец Хакер #007Cпец Хакер #006Cпец Хакер #005Cпец Хакер #004Cпец Хакер #003Cпец Хакер #002Cпец Хакер #001