Привет всем! Сегодня мы начинаем курс по изучению языка HTML.
- Для программирования на HTML нам надо создать файл с расширением .html
- Для его редактирования можно использовать любой текстовый редактор
- Открыть файл можно открыть с помощью браузера
Часть 1.
Все HTML-документы должны начинаться с объявления типа документа:
<!DOCTYPE html>
Сам HTML-документ начинается с <html> и заканчивается </html>.
Видимая часть HTML-документа находится между <body> и </body>.
Пример:
<!DOCTYPE html>
<html>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый абзац.</p>
</body>
</html>
<!DOCTYPE>
<!DOCTYPE> представляет тип документа и помогает браузерам корректно отображать веб-страницы.
Он должен появиться только один раз, в верхней части страницы (перед любыми HTML-тегами).
Заголовки HTML
Заголовки HTML определяются с помощью тегов <h1> - <h6>.
<h1> определяет наиболее важный заголовок. <h6> определяет наименее важный заголовок:
<h1>это заголовок 1</h1>
<h2>это заголовок 2</h2>
<h3>это заголовок 3</h3>
<h4>это заголовок 4</h4>
<h5>это заголовок 5</h5>
<h6>это заголовок 6</h6>
HTML абзацы
HTML-абзацы определяются с помощью тега <p> :
<p>это абзац.< / p>
<p>это другой абзац.< / p>
HTML-ссылки
HTML-ссылки определяются с помощью тега <a> :
<a href="https://yandex.ru">Ссылка</a>
Назначение ссылки указывается в атрибуте href.
Атрибуты используются для предоставления дополнительной информации об элементах HTML.
Вы узнаете больше об атрибутах в следующей части.
HTML-изображения
HTML-изображения определяются с помощью тега <img>.
Исходный файл (src), альтернативный текст (alt), ширина и высота предоставляются в качестве атрибутов:
<img src="ссылка на изображение" alt="а.т." width="104" height="142">