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