Основные примеры HTML

Возможно, в этих примерах используются теги, которые пока что вам не знакомы, это не страшно. Подробнее о них вы узнаете в других уроках. Это обзорный урок, что бы вы мели общее представление о HTML документах.

HTML документы

Все HTML документы должны начинаться с объявления типа документа: <!DOCTYPE html>.

HTML документ  начинается с тега <html> и заканчивается тегом </html>.

Видимая часть документа HTML располагается между тегами <body> и </body>.

Пример

Попробовать самому !

Заголовки HTML

В HTML заголовки определяют <h1> —  <h6> теги.

<h1> определяет наиболее важный заголовок. <h6> определяет наименее важно заголовок.

Пример

Попробовать самому!

Параграфы HTML

В HTML пунктов определяются с помощью  тега <p>.

Пример

Попробовать самому !

HTML-ссылки

HTML-ссылки определяются с помощью тега <a>.

Пример

Попробовать самостоятельно

Адрес ссылки указывается в атрибуте href .

Дополнительные атрибуты рассматриваются в отдельных уроках.

HTML-изображения

HTML изображения определяются с помощью тега <img>.

Исходный файл (src), альтернативный текст (alt), width и height предоставляются в качестве атрибутов.

Пример

Попробовать самому !

Кнопки  HTML

HTML код кнопки создаются с помощью тега <button>.

Пример

Попробовать самому !

Списки HTML

HTML списки определяются с помощью тега <ul> (маркированный список) или <ol> (нумерованный список) тег, затем теги <li> создают элементы списка.

Пример

Попробовать самому !

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *