Найти тему
Изучаем вместе

HTML для начинающих #1 - Введение

Оглавление

Доброго времени суток, уважаемые читатели.

Сегодня мы начнем с Вами изучать HTML.

Это первый вводный урок.

Приступим.

Я буду использовать редактор Notepad++.

Вы можете скачать его по ссылке.

Он удобный и абсолютно бесплатный.

Что такое HTML?

HTML - это стандартный язык разметки для создания Веб страниц.
HTML расшифровывается как Гипертекстовый Язык Разметки.
HTML код описывает структуру веб страниц с помощью разметки.
HTML элементы являются строительными блоками страниц HTML.
HTML элементы представляют теги
HTML теги содержат "Заголовок", "Параграф", "Таблицы" и т.д.
Браузеры не отображают теги HTML, они используют их для вывода содержимого таблицы.

Давайте создадим первый HTML документ.

<!DOCTYPE html>
<html>
<head>
<tittle> Первая страница на HTML </tittle>
<head>
<body>
<h1> Мой первый заголовок на моей странице </h1>
<p> Мой первый параграф на моей странице </p>
</body>
</html>

Объяснение кода:

  • <!DOCTYPE html> - декларация, определяет документ HTML5
  • <html> - элемент, является корневым элементом HTML страницы
  • <head> - элемент, содержит метаинформацию о документе
  • <title> - элемент, задает заголовок документа
  • <body> - элемент, содержит видимый контент страницы
  • <h1> - элемент, определяет большой заголовок
  • <p> - элемент, определяет параграф

Вот, что у вас должно получиться в редакторе:

Пример первого кода
Пример первого кода

Давайте сохраним правильно наш код и откроем его в браузере. Для сохранения выберите формат Hyper Text Markup Language.

-2

А теперь откроем наш файл и посмотрим на результат.

-3

Если вы увидели такой результат, то поздравляю с первым успешно пройденным уроком!