HTML Основные примеры
Не беспокойтесь, если в этих примерах используются теги, которые вы не узнали.
Вы узнаете о них в следующих главах.
HTML Documents
Все HTML-документы должны начинаться с объявления типа документа: <!DOCTYPE html> .
Сам HTML-документ начинается с <html> и заканчивается </html> .
Видимая часть HTML-документа находится между <body> и </body> .
Пример
<!DOCTYPE html>
<html>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый абзац.</p>
</body>
</html>
Заголовки HTML
Заголовки HTML определяются с помощью <h1> для <h6> тегов.
<h1>определяет наиболее важный заголовок. <h6>определяет наименее важный заголовок:
Example
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
Абзацы HTML
Абзацы HTML определяются тегом <p>:
Example
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Ссылки HTML
HTML-ссылки определяются тегом <a>:
Example
<a href="https://html5css.dev">This is a link</a>
Назначение ссылки указано в атрибуте href .
Атрибуты используются для предоставления дополнительных сведений о элементах HTML.
Подробнее об атрибутах вы узнаете в следующей главе.
Изображения в формате HTML
HTML-образы определяются тегом <img> .
Исходный файл ( src ), альтернативный текст ( alt ), width и height предоставляются в качестве атрибутов:
Пример
<img src="html5css.jpg" alt="html5css.dev" width="104" height="142">
Кнопки HTML
HTML-кнопки определяются тегом <button>:
Example
<button>Click me</button>
Списки HTML
Списки HTML определяются <ul> (неупорядоченный/маркированный список) или тегом <ol> (упорядоченный/нумерованный список), за которым следуют теги <li> (элементы списка):
Пример
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>