ОСНОВЫ HTML

Спецвыпуск Xakep, номер #022, стр. 022-005-3

КАК ИЗГАДИТЬ ТЕКСТ

Любому тексту нужен заголовок. Средства HTML предоставляют тебе эту возможность - теги <H1>, <H2>, <H3>, <H4>, <H5>, <H6>. Первый тег <H1> отвечает за самые главные и крутые заголовки, <H6> - за полную фигню. По ходу текста ты можешь изменить его размер и цвет при помощи тега <FONT> и его атрибутов - SIZE (отвечает за размер шрифта) и COLOR (соответственно за цвет). Свой текст ты можешь комментировать картинками, для этих целей служит элемент <IMG>, имеющий десяток атрибутов, в принципе можно обойтись и двумя, главными - SRC (адрес картинки (URL)) и ALIGN (позиционирование картинки относительно текущей текстовой строки). Кстати, тут есть одна хитрость - помнишь, вначале упоминался элемент <BASE>, так вот атрибут SRC элемента <IMG>, если в заголовке имеется <BASE> с базовым адресом твоей страницы, может содержать относительный адрес картинки (например, "Images/background.jpg", реально изображение будет прочитано по адресу "www.vasya-pupkin.ru/Images/background.jpg"). Абзацы в твоем тексте выделяй при помощи тега <P>.

ССЫЛКИ

Кроме того, рано или поздно (лучше рано) ты столкнешься с проблемой помещения на твоей странице ссылок на другие документы, тогда на помощь приходит элемент <A> с двумя главными атрибутами - NAME и HREF. Первый атрибут нужен для переходов внутри документа, а второй - для перехода на другие документы. Формат этого элемента таков: <A HREF="http://www.baltika.ru"> Baltika Brewery </A> . При этом текстом ссылки будет "Baltika Brewery", а адресом, по которому произойдет переход, - "http://www.baltika.ru". Здесь кроется еще одна тонкость. Если ты задал заранее элемент <BASE> в заголовке, а урл в элементе <A> у тебя выглядит так - "www.baltika.ru", то переход у тебя произойдет по адресу "www.vasya-pupkin.ru.www.baltika.ru", что, сам понимаешь, к хорошему не приведет. Если ты хочешь, чтобы в качестве урла фигурировало твое мыло, то нет ничего проще: <A HREF="mailto:designer@vasya-pupkin.ru">. Если же тебе надо, чтобы ссылка была картинкой (или наоборот, что в сущности одно и то же), то вместо текста ссылки (Baltika Brewery) укажи элемент <IMG> со всей необходимой требухой: <A HREF="http://www.baltika.ru"> <IMG SRC="Images/baltika.jpg" ALT="Baltika Brewery"> </A>.

Вот и все, что надо знать, чтобы суметь сделать хоть что-нибудь :).