Основные теги HTML
Понимание базовых тегов HTML важно при изучении HTML. Вот элементы HTML, которые используются чаще других. Это:
Документы HTML
Все документы HTML должны начинаться с объявления, указывающего тип документа: <!DOCTYPE html>.
Документ HTML начинается с <html> и заканчивается </html>.
Основная часть документа HTML находится между <body> и </body>.
Пример документа HTML:
Пример документа HTML:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<p>Here is the paragraph.</p>
</body>
</html>Заголовки HTML
Элементы заголовков используются для структурирования заголовков. Существует шесть типов заголовков HTML от <h1> до <h6>.
Пример заголовков HTML:
Пример заголовка|Основные теги HTML|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>Результат
Абзацы HTML
Элемент <p> используется для разделения абзацев HTML.
Пример абзацев HTML:
Пример абзаца|Основные теги HTML|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>Elements example</h2>
<p>This is some paragraph.</p>
<p>This is another paragraph <br /> with line break.</p>
</body>
</html>Результат
Изображения HTML
Атрибуты этого тега:
- файл источника (src),
- альтернативный текст (alt),
- ширина,
- высота.
Тег <img> используется для вставки изображений HTML.
Пример изображений HTML:
Пример изображения|Основные теги HTML|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is an image example</h1>
<img src="https://ru.w3docs.com/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq" width="200" height="185">
</body>
</html>Результат
Ссылки HTML
Тег <a> используется для вставки ссылок HTML. Вы можете указать адрес ссылки с помощью атрибута href.
Пример ссылок HTML:
Пример гиперссылки|Основные теги HTML|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<a href="https://www.w3docs.com/">W3docs.com</a>
</body>
</html>Результат
Кнопки HTML
Вы можете создать кнопки HTML с помощью тега <button>.
Пример тега HTML <button>:
Пример тега HTML<button>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>Example of the HTML <button> tag:</h1>
<p>You can specify the HTML buttons with the button tag:</p>
<button type="button">Button</button>
</body>
</html>Списки HTML
Списки HTML задаются тегом <ul> для неупорядоченного списка или тегом <ol> для упорядоченного списка, за которыми следуют теги <li>.
Пример списков HTML:
Пример списков HTML:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>An unordered list</h2>
<ul>
<li>Pen</li>
<li>Pencil</li>
<li>Ruler</li>
<li>Book</li>
</ul>
<h2>An ordered list</h2>
<ol>
<li>Pen</li>
<li>Pencil</li>
<li>Ruler</li>
<li>Book</li>
</ol>
</body>
</html>Горизонтальные линии HTML
Тег HTML <hr> разделяет страницу на разные части и создает тематический разделитель. Это пустой тег.
Пример тега HTML <hr>:
Пример тега HTML <hr>:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>Welcome to W3Docs</h1>
<hr />
<p>
Learn to design and build professional website<br />
Learn to design and build professional website
</p>
<p>Learn to design and build a professional website</p>
<hr />
<p>Learn to design and build professional website</p>
<p>Learn to design and build professional website</p>
<p>Learn to design and build professional website</p>
<hr />
</body>
</html>Практика
Что из перечисленного верно относительно HTML на основе контента на https://www.w3docs.com/learn-html/html-basic.html?