English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Основной учебник HTML

Медиа HTML

Руководство по HTML

Основное руководство по HTML5

API HTML5

Медиа HTML5

Основной HTML - 5 примеров

Ниже через 5 простых примеров я покажу вам, как используются различные веб-теги HTML и как они выглядят в предварительном просмотре.

Заголовки HTML

HTML-заголовки (Heading) определяются тегами <h1> - <h6>.

<h1>я заголовок 1 h1</h1>
<h2>я заголовок 2 h2</h2>
<h3>я заголовок 3 h3</h3>
<h4>я заголовок 4 h4</h4>
<h5>я заголовок 5 h5</h5>
<h6>я заголовок 6 h6</h6>
Проверьте, посмотрите ‹/›

Параграфы HTML

HTML-абзацы определяются тегом <p>.

<p>это первый абзац.</p>
<p>это второй абзац.</p>
<p>это третий абзац.</p>
Проверьте, посмотрите ‹/›

HTML-ссылка

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

<a href="https://ru.oldtoolbag.com">это ссылка</a> 
<a href="https://ru.oldtoolbag.com/html/html-tutorial.html">ссылка на основное руководство по html</a>
Проверьте, посмотрите ‹/›

Совет: в свойстве href указывается адрес ссылки.

(Вы узнаете больше о свойствах в последующих разделах этого руководства).

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

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

<img src="/static/images/logo.png" width="258" height="39" />
Проверьте, посмотрите ‹/›

Примечание: путь к изображению, ширина и высота представляются в виде свойств.

Таблицы HTML

HTML-таблицы определяются тегом <table>.

<table border="1">
<tr>
<td>уровень oldtoolbag.com основного руководства по таблицам</td>
<td>уровень oldtoolbag.com основного руководства по таблицам</td>
<td>уровень oldtoolbag.com основного руководства по таблицам</td>
<td>уровень oldtoolbag.com основного руководства по таблицам</td>
</tr>
</table>
Проверьте, посмотрите ‹/›

Внимание: Границы таблицы, ширина и высота представлены в виде атрибутов.