Вы здесь

Подводим итоги

Если вы тщательно изучили все части этого учебника "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://msiter.ru"><img src="http://msiter.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="http://msiter.ru/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 вы сделали. Пришло время двигаться дальше и узнать больше о языке гипертекстовой разметки документа. А для этого стоит познакомиться с "Учебником HTML среднего уровня".