Вы здесь: Главная > HTML > Собираем всё это вместе

Собираем всё это вместе

Опубликовано автором Просмотры: 8

Если вы просмотрели все страницы Урока по HTML для начинающих, то вы уже неплохо разбираетесь в HTML.

Следующий код включает в себя все методы, которые были объяснены на предыдущих страницах:

<!DOCTYPE html>
<html>
<head>
    <title>Моя первая страница</title>
    <!—Это комментарий между делом -->
</head>
<body>
<h1>Моя первая страница</h1>
<h2>Что это?</h2>
<p>Простая страница, собранная с использованием HTML. <em>Я сказал простая страница, собранная с использованием HTML.</em> Простая страница, собранная с использованием HTML. Простая страница, созданная с использованием HTML. Простая страница, созданная с использованием HTML. Простая страница, созданная с использованием HTML. Простая страница, созданная с использованием HTML. Простая страница, созданная с использованием HTML. Простая страница, созданная с использованием HTML.</p>
<h2>Зачем?</h2>
<ul>
    <li>чтобы выучить HTML</li>
    <li>
        Чтобы показать
        <ol>
            <li>моему боссу</li>
            <li>моим друзьям</li>
            <li>моему коту</li>
            <li> Маленькой говорящей утке в моей голове </li>
        </ol>
    </li>
    <li>Потому что ушёл в компьютер, вернусь нескоро</li>
</ul>

<h2>Где найти руководство?</h2>
<p><a href=" https://foxyforex.ru/html"><img src=" https://foxyforex.ru/html/badge1.gif" width="120" height="90" alt="Foxyforex"></a></p>

<h3> Какая-то случайная таблица </h3>
<table>
    <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 name="name" value="Ваше имя"></p>

<p>Комментарии: </p>
<p><textarea rows="10" cols="20" name="comments">Ваши комментарии</textarea></p>

<p>Are you:</p>
<p><input type="radio" name="areyou" value="male"> Male</p>
<p><input type="radio" name="areyou" value="female"> Female</p>
<p><input type="radio" name="areyou" value="hermaphrodite"> An hermaphrodite</p>
<p><input type="radio" name="areyou" value="asexual" checked> Asexual</p>
<p><input type="submit"></p>
</form>
</body>
</html>

Вот и всё. Сохраните файл и поиграйте с кодом — это лучший способ понять, как всё работает.

Следующим шагом на пути изучения HTM может стать руководство для начинающих по CSS. Там вы узнаете основы того, как сделать HTML код красивым.

Страницы в тему:

Добавить комментарий