Статья: Язык разметки гипертекста
Шестнадцатеричный код цвета легко узнать почти в любой графической программе. Например, в Photoshop достаточно один раз щелкнуть на образце текущего цвета внизу панели инструментов, вызвав диалог выбора цвета. Параметры, обозначенные буквами “R”, “G” и “B” («red», «green» и «blue» соответственно) вы, переведя их в шестнадцатеричную систему (делается на калькуляторе, для особых фанатов – можно и вручную), можете использовать как параметр для тэга, записав их в таком же порядке и предварив символом “#”. Вот так например:
<bodybgcolor=”#123456”>
Последние версии Фотошопаделают всё сами и в окошке выбора цвета указывается готовый код выбранного цвета.
ВЫРАВНИВАНИЕ ТЕКСТА
Обычно текст на страничке расположен кусками, каждый кусок - абзац. В хтмл-е абзац (paragraph) выглядит так: <p>текст абзаца</p>
Можно задать свойства всему тексту абзаца, с помощью следующих параметров:
выравнивание align (значения: left - по левому краю, right - по правому, center - по центру, justify - по ширине)
Также параметры выравнивания можно задать для ячейки таблицы, содержащей выравниваемый текст (см. ниже).
ССЫЛКИ
Чтобы сделать ссылку, пользуемся тэгом <a>:
<ahref="http://yandex.ru">Яндекс</a>
Доступные параметры:
target - указывает, где будет открываться страничка, на которуюю ты ссылаешься (значения: "_blank" - в новом окне, при использовании фреймов (расскажу ниже) параметру можно присвоить значение имя соответствующего фрейма)
Пример:
<a href="http://yandex.ru" target="_blank">Яндекс</a>
КАРТИНКИ
Вставляя картинку, делаем так:
<imgsrc="http://benzom.narod.ru/misc/holiday.jpg">
параметру src, как ты понимаешь, нужно присвоить значение - путь к картинке...
Есть ещё параметр alt (alternativetext), которому присваивается значение - текст, который будет выводиться при наведении курсора на картинку.
Параметр border может принимать числовые значения начиная с нуля. Обозначает толщину "бортика" вокруг картинки, когда она используется как ссылка.
Пример:
<a href="http://www.yandex.ru/yandsearch?rpt=rad&text=%D1%EE%F4%FC%FF+%C3%EE%EB%EB%E8%E4%FD%E9"><img src="http://benzom.narod.ru/misc/holiday.jpg" border="2" alt="СофьяГоллидэй"></a>
ТАБЛИЦЫ
Это один из основных ваших инструментов, как дизайнера,без них вы сможете сделать очень-очень мало. Один простой пример. Допустим, вам необходимо поместить строку текста (или картинку) в центр окна броузера. С помощью таблицы это делается так (в пример можно пока не вникать, а просто посмотреть):
<head>
<title>Вася</title>
</head>
<body>