Найти тему
Блог Хонеста

HTML за один урок. #ОтПрофессионала

Всем Привет! Сегодня мы изучим HTML — язык разметки без которого не обходится ни один сайт на свете.

HTML 5
HTML 5

HTML — нужен для отображения вида сайта. Все что Вы сейчас видите — это HTML объекты.

Давайте начнем!

В HTML есть только 2 вещи — теги и свойства. Синтаксис HTML прост:

<тег>Это тег с закрывающим тегом.</тег>
<тег> Это тег без закрывающего тега.
<тег свойство="Это тег со свойствами">

Давайте уже сделаем что-нибудь. Ссылку например:

<a href="https://zen.yandex.ru/id/5f368ec3545b363de759e503">Мой канал на Яндекс.Дзен</a>

Сохраните этот текст в файле с расширением *.html и откройте его в браузере. И появится ссылка. Поздравляю!

Но так не пишут код html. Так не красиво и неправильно. Давайте напишем нашу простую страничку правильно:

<!DOCTYPE html>
<html>
<head>
<mera charset="utf-8">
<title>Моя первая страница!</title>
</head>
<body>
<a href="https://zen.yandex.ru/id/5f368ec3545b363de759e503">Мой канал на Яндекс.Дзен</a>
</body>

Это весь HTML. Просто дальше изучайте теги.

Мы изучим еще немного самых важных тегов. Это:

  • Заголовки (h1-h6),
  • img
  • input
  • br
  • textarea

Теги заголовки:

<h1>Заголовок первого уровня</h1>
<h2>2 уровень заголовка</h2>
...
<h6>Заголовок первого</h6>

Тег для изображений(img):

<img src="путь к изображению">

Тег для ввода пользователя(input):

<input>

Тег для перевода строки (br):

<br>

Тег для ввода текста (textarea):

<textarea></textarea>

Основы HTML изучены. Теперь просто дальше изучайте теги! Если ты хочешь поддержать автора, подпишись на канал и поставь лайк этой статье. Если у тебя есть мнение, пиши его в комментариях. Удачи в изучении HTML!

P.S. справочник по HTML — htmlbook