Списки, заголовки, и еще пара тэгов.

К оглавлению
В этом уроке мы познакомимся с несколькими полезными тэгами.

Тэг <TITLE>

Тэг <TITLE>, нужен для отображения заголовка сайта, и располагается в коде между тэгами <HEAD> и </HEAD>.

Отображение тэга <TITLE>
Открываем наш блокнот, и пишем в нем следующий код: 
<HTML>
	<HEAD>
		<TITLE>Создание любых видов сайтов</TITLE> <!-- между тэгами <HEAD>-->
	</HEAD>
	<BODY>
	</BODY>
</HTML>

Как видно из примера, тэг <TITLE> располагается между тэгами <HEAD> и </HEAD>.
Все о тэге <TITLE> можно почитать на htmlbook.ru.

<ul> списки

А теперь, мы познакомимся с <ul> списками, с помощью них делаются маркированные списки, а также меню для сайта.
Сейчас мы сделаем простейший <ul> список, пишем код в нашем блокноте: 
<HTML>
	<HEAD>
		<TITLE>Создание любых видов сайтов</TITLE>
	</HEAD>
	<BODY>
		<ul>
			<li>Первый элемент списка</li>
			<li>Второй элемент списка</li>
			<li>Третий элемент списка</li>
		</ul>
	</BODY>
</HTML>

Сохраняем наш HTML файл, открываем его в браузере, и видим следующее:
  • Первый элемент списка
  • Второй элемент списка
  • Третий элемент списка
Познакомимся с тэгами <span>, <div>, <br> и <p>. 
<HTML>
	<HEAD>
		<TITLE>Создание любых видов сайтов</TITLE>
	</HEAD>
	<BODY>
		<!--Тэг	<span> - это блочный элемент, располагаемый друг за другом.-->
		<span>Наш текст</span>
		<br /> <!--Тэг <br> - необходим для переноса строки-->
		<span>Элемент 1</span><span>Элемент 2</span>
		<br /> <!--Тэг <div> - Это блочный элемент, располагается с новой строки-->
		<div>Элемент 3</div>
		<div>Элемент 4</div>
		<p /> <!--Тэг <p> - необходим для переноса строки на новый абзац-->
		<div>Элемент 5</div>
	</BODY>
</HTML>

Сохраните файл, посмотрите что у Вас вышло. Должно получиться следующее: 
Наш текст

Элемент 1Элемент 2


Элемент 3


Элемент 4


Элемент 5

Теперь мы знакомы уже с 11 тэгами: <HTML>, <HEAD>, <TITLE>, <BODY>, <span>, <br />, <p />, <div>, <a>, <ul>, <li>.
Запоминание тэгов, кодов, и т.д. придет само по себе, главное больше практиковаться.