Партнерка на США и Канаду по недвижимости, выплаты в крипто
- 30% recurring commission
- Выплаты в USDT
- Вывод каждую неделю
- Комиссия до 5 лет за каждого referral
Листинг 1 – Моя первая WEB-страница
<html>
<head>
<title>Это заголовок страницы</title>
</head>
<body>
<h1>Здравствуйте!</h1>
<p>Это моя первая страница HTML. <b>Этот текст выводится жирным шрифтом.</b></p>
</body>
</html>
Листинг 2 – Элементы HTML
<html>
<head>
<title>Это заголовок страницы</title>
</head>
<body>
<h1>Здравствуйте!</h1>
<p>Это моя первая страница HTML.
<b>Этот текст выводится жирным шрифтом.</b></p>
</body>
</html>
Листинг 3 – Атрибуты тегов
<html>
<body>
<abbr title='проект "Интернет-Университет
Информационных Технологий" – *****'>ИНТУИТ</abbr>
</body>
</html>
Листинг 4 - Параграфы
<html>
<body>
<p>Это параграф 1.</p>
<p>Это параграф 2.</p>
<p>Это параграф 3.</p>
</body>
</html>
Листинг 5 – Заголовки
<h1>Это заголовок первого уровня</h1>
<h2>Это заголовок второго уровня</h2>
<h3>Это заголовок третьего уровня</h3>
<h4>Это заголовок четвертого уровня</h4>
<h5>Это заголовок пятого уровня</h5>
<h6>Это заголовок шестого уровня</h6>
Листинг 6 – Переносы строк
<html>
<body>
<p>Это <br>пара<br>граф с переносами строк</p>
</body>
</html>
Листинг 7 – Горизонтальная линейка
<html>
<body>
<p>Это параграф отобразится сверху горизонтальной полосы.</p>
<hr>
<p>Это параграф отобразится снизу горизонтальной полосы.</p>
</body>
</html>
Листинг 8 – Комментарии в HTML
<html>
<body>
Этот текст будет показан в окне браузера.
<!-- Этот текст не будет показан, это комментарий. -->
</body>
</html>
Листинг 9 – Дополнительные параграфы
<html>
<body>
<p>
Этот параграф
содержит много строк
в исходном коде,
но браузер
это игнорирует.
</p>
<p>
Этот параграф
содержит много пробелов
в исходном коде,
но браузер
это игнорирует.
</p>
</body>
</html>
Листинг 10 – Перенос строк
<html>
<body>
<p>
Чтобы выполнить перенос<br>строк<br>в<
br>параграфе,<br>используйте тег br.
</p>
</body>
</html>
Этот пример демонстрирует некоторые проблемы с форматированием HTML. Попробуем сформатировать стихи:
Листинг 13
<html>
<body>
<p>
В лесу родилась елочка.
В лесу она росла.
Зимой и летом стройная,
Зеленая была.
</p>
<p>Обратите внимание, что браузер просто проигнорировал использованное форматирование!</p>
</body>
</html>
Листинг 14 – Заголовки
<html>
<body>
<h1>Это заголовок уровня 1</h1>
<h2>Это заголовок уровня 2</h2>
<h3>Это заголовок уровня 3</h3>
<h4>Это заголовок уровня 4</h4>
<h5>Это заголовок уровня 5</h5>
<h6>Это заголовок уровня 6</h6>
<h1 align="center">Это заголовок 1, Он выровнен по центру страницы.</h1>
<p>Используйте теги заголовков только для заголовков.
Не используйте их просто для того, чтобы выделить что-то жирным шрифтом.
Используйте для этого другие теги.</p>
</body>
</html>
Горизонтальная линейка
Этот пример демонстрирует, как использовать горизонтальную линейку.
Листинг 15
<html>
<body>
<p>Тег <hr> определяет горизонтальную линейку :</p>
<hr>
<p>Это параграф</p>
<hr>
<p>Это параграф</p>
</body>
</html>
Комментарий
Этот пример демонстрирует, как использовать комментарий в исходном коде HTML.
Листинг 16
<html>
<body>
<!--Этот комментарий выводиться не будет-->
<p>Это обычный параграф.</p>
</body>
</html>
Фоновый цвет
Этот пример демонстрирует использование цветного фона на странице HTML. При выборе фона всегда проверяйте, чтобы текст был хорошо читаем!
Листинг 17
<html>
<body bgcolor="yellow">
<h2>Смотри: Цветной фон!</h2>
</body>
</html>
Таблица основных тегов HTML
Тэги | Описание | |
стартовый | завершающий | |
<html> | </html> | Определяет документ HTML |
<head> | </head> | Определяет заголовочную часть документа HTML |
<body> | </body> | Определяет основную часть или тело документа |
<h1> -- <h6> | </h1> -- </h6> | Определяет заголовки абзаца с 1 по 6 уровня |
<p> | </p> | Определяет параграф (абзац) |
<br> | </br> | Вставляет единичный перенос строки (перевод строки без конца абзаца) |
<hr> | </hr> | Определяет горизонтальную линейку |
<!-- | --> | Определяет комментарий |
