Если вы тщательно изучаете все части этого учебника HTML начального уровня, то в принципе у вас уже должно быть все, что необходимо для решения большинства задач, стоящих перед разработчиком HTML сайтов.
В действительности в связи с тем, что большинство тех, кто использует HTML, использует его криво, то вы должны быть лучше многих.
Следующий код иллюстрирует все методы, описанные в предыдущих главах этого учебника:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Моя первая веб-страница</title>
<!-- Кстати, это комментарий -->
</head>
<body>
<h1>Моя первая веб-страница</h1>
<h2>Что это</h2>
<p>Простая страница, чтобы свести воедино знания о HTML.
<strong> Простая страница, чтобы свести воедино знания о HTML.</strong>
Простая страница, чтобы свести воедино знания о HTML. Простая страница о HTML.
Простая страница о HTML. Простая страница, чтобы свести воедино знания о HTML.</p>
<h2>Для чего это нужно</h2>
<ul>
<li>Чтобы изучить HTML</li>
<li>Чтобы похвастаться
<ol>
<li>перед начальником</li>
<li>перед друзьями</li>
<li>перед моей кошкой</li>
<li>перед маленькой говорящей уткой в мой голове</li>
</ol>
</li>
<li>Потому что полюбил мой компьютер и хочу привить ему любовь к HTML.</li>
</ul>
<h2>Где найти учебники</h2>
<p><a href="http://mysite.ru"><img src="http://mysite.ru/images/logo.gif" width="157" height="70" alt="HTML logo" /></a></p>
<h3>Случайная таблица</h3>
<table border="1">
<tr>
<td>Строка 1, ячейка 1</td>
<td>Строка 1, ячейка 2</td>
<td>Строка 1, ячейка 3</td>
</tr>
<tr>
<td>Строка 2, ячейка 1</td>
<td>Строка 2, ячейка 2</td>
<td>Строка 2, ячейка 3</td>
</tr>
<tr>
<td>Строка 3, ячейка 1</td>
<td>Строка 3, ячейка 2</td>
<td>Строка 3, ячейка 3</td>
</tr>
<tr>
<td>Строка 4, ячейка 1</td>
<td>Строка 4, ячейка 2</td>
<td>Строка 4, ячейка 3</td>
</tr>
</table>
<h3>Случайная форма</h3>
<p><strong>Внимание:</strong> Форма имеет все нужные части, но ничего не делает</p>
<form action='somescript.php' method="post">
<p>Имя:</p>
<p><input type="text" name="name" value="Ваше имя" /></p>
<p>Комментарий: </p>
<p><textarea rows="10" cols="20" name="comments">Ваш комментарий</textarea></p>
<p>Вы:</p>
<p><input type="radio" name="areyou" value="male" /> Мужчина</p>
<p><input type="radio" name="areyou" value="female" /> Женщина</p>
<p><input type="radio" name="areyou" value="hermaphrodite" /> Ни то, ни се</p>
<p><input type="submit" /></p>
<p><input type="reset" /></p>
</form>
</body>
</html>
Ну, вот и все. Сохраните получившийся файл и изучите его как следует, – это лучший способ понять, как все работает.
Первый шаг в изучении HTML вы сделали. Пришло время двигаться дальше и узнать больше о языке гипертекстовой разметки документа.
