„Дураки учатся на своих ошибках, а умные — на чужих."
Т. Рузвельт

EZ Урок 1. Основы HTML

Если Вы решили изучить язык HTML, значит у Вас появилась необходимость или интерес создавать сайты. Но если Вы хотите создавать с нуля хорошие сайты, то Вам предстоят не только уроки HTML, а также уроки CSS и уроки Javascript.

Для создания сайтов визиток среднего уровня будет достаточно HTML и CSS. Начнем с HTML (HyperText Markup Language) — язык гипертекстовой разметки документов, с помощью которого человек может создавать веб страницы, а браузер выводить WEB страницы на просмотр в привычном для человека виде (страница сайта). Разработан Бернесом — Ли в 1986 — 1991 годах для обмена технической и научной документации,  имеет расширение (название.html).

Урок 1. HTML для новичков

Урок HTML. Основы.

Для изучения уроков HTML нужно ознакомиться с некоторыми основными понятиями (элементы, теги, атрибуты).

Элементы — это по сути основа HTML документа, определенные слова, которые помогают структурировать документ. С помощью изучения элементов Вы задаете Вашей WEB — странице структуру, интегрируете в нее другие технологии. Каким образом можно понять что элемент, это элемент? 

Элементы определены в угловые скобки, например корневой элемент html, если вы создадите свой первый документ в блокноте, в строчке напишете html и сохраните его с расширением (.html) , то при открытии страницы в браузере Вы увидите текст “html”. А если напишете <html></html>, сохраните документ и обновите в браузере страницу, то страница будет пустая. Дело в том, что когда Вы поместили название элемента в угловые скобки, Вы получили тег.

Теги — тоже основа HTML документа, с помощью которых браузер понимает структуру WEB-страницы. Теги бывают одиночными, метатеги, начальными и закрывающимися.

<html> — начальный тег

</html> — закрывающий тег

Как видим разница только в том, что у закрывающего тега, после первой угловой скобки стоит знак “/”. 

Атрибут — позволяет элементу обретать дополнительные свойства или дополнительную информацию.

До изучения атрибутов мы дойдем позже, а на данный момент можем попрактиковаться и написать свою первую веб страницу. Для этого используем три тега <html>, <head>, <body>, <p>.

В ранее созданном документе у нас уже есть написанный начинающий тег <html>. Осталось дописать еще несколько строк.

<html>

<head>

</head>

<body>

<p>Первая страница</p>

</body>

</html>

Если у Вас все получилось правильно, то Вы должны увидеть текст “Первая страница” или тот, который Вы поставили между тегами <p> </p>. А н этом первый урок HTML завершен. Спасибо за внимание.