Основные визуальные элементы web-страницы
Web-разработки, реклама и информация
[24-12-2008] Джо
Для верстки web-страниц обычно вполне достаточно использования небольшого числа визуальных элементов в разных сочетаниях. Дальше перечислены эти элементы и реализующие их теги html:
заголовок web-страницы:
<title> ... </title>
гиперссылка:
<a href=""> ... </a>
перечисление ( список ):
<ul>
<li> ... </li>
...
<li> ... </li>
</ul>
меню:
<ul>
<li><a href=""> ... </a></li>
...
<li><a href=""> ... </a></li>
</ul>
заголовки:
<h1> ... </h1>
<h2> ... </h2>
...
<h6> ... </h6>
текст блоками - теги параграфа:
<p> ... </p>
текст строкой:
<span> ... </span>
выделенный текст:
<strong> ... </strong>
колонки, области, окна:
<div> ... </div>
картинки:
<img src="" alt="" />
таблицы:
<table>
<tr>
<td> ... </td>
...
<td> ... </td>
</tr>
...
<tr>
<td> ... </td>
...
<td> ... </td>
</tr>
</table>
ввод данных:
<form method="" action="">
<input type="" name="" id="" maxlength="" size="">
...
<input type="hidden" name="" value="" />
<textarea cols="" rows="" name=""></textarea>
<input type="submit" value="Отправить">
<input type="reset" value="Очистить">
</form>
Пара слов о теге <br /> - перевод строки. Как и пресловутый оператор goto в программировании, лучше не использовать, но иногда так и подмывает.
