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.ru">This is a link</a>
Назначение ссылки указано в атрибуте href
.
Атрибуты используются для предоставления дополнительных сведений о элементах HTML.
Подробнее об атрибутах вы узнаете в следующей главе.
Изображения в формате HTML
HTML-образы определяются тегом <img>
.
Исходный файл ( src
), альтернативный текст ( alt
), width
и height
предоставляются в качестве атрибутов:
Пример
<img src="html5css.jpg" alt="html5css.ru" 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>