Всем привет! С вами Сам Самыч!
Сегодня вы узнаете:
1. Что такое HTML?
2. История HTML;
3. Как программировать на HTML?
"Глава 1 - Что такое HTML?"
HTML - это язык... Гипертекстовой разметки... (Да...) Он был придуман в 1989 году Тимом Бернерсом-Ли для того, чтобы люди могли обмениваться информацией и документами.
Я теперь Тима Бернеса-ли буду называть Тимохой (он мне из Барбоскиных вспомнился сразу)
Как это было: Тимоха работал на тот момент физиком в ЦЕРН-е и хотел, чтобы учёные его на костре печёные могли легко обмениваться документами, а не таскать с собой эти бумаги по всем лабораториям.
В чём суть: Он должен был создать способ передачи данных таким образом, чтобы данные никуда не пропадали, чтобы данные можно было прочитать и/или преобразовать и чтобы данные доходили только до определённого человека, а не всем учёным сразу.
И Тимоха сделал! Он сделал три основных элемента в этой таблице Бернеса-ли:
1. HTML - Файлы, которые передавались по сети;
2. URL - Адреса, в которые и отправлялись файлы (а не всем людям);
3. HTTP - Протокол, по которому и передавались HTML файлы.
Итог: HTML - язык гипертекстовой разметки, который придумал Тим Бернес-ли в 1989 году в ЦЕРН-е.
Ну, а если вам интересна история HTML, то смотрите:
Мы знаем, что идея HTML, URL и HTTP была придумана в 1989 году, это да. Но реализация данной идеи была создана через 2 года, то есть в 91-м году. Первый HTML в себе содаржал около 20 тегов: строки, списки, абзацы, заголовки и списки. Никаких CSS, JS, красивых картинок с котиками, супер-таблиц которые в Chrome съедают всю ОЗУ (которая сейчас очень дорогая кстати) не было.
Потом в 1995 году компания IETF выпускает версию 2.0, в которой уже есть основные теги форм и ввод строк, а в 1997 году консорциум W3C принимает стандарт HTML 3.2, в котором были таблицы, картинки и апплеты Java.
Потом пошли HTML 4.0 и 4.01, которые появились в 1997-1999 годах. Там были и скрипты JavaScript, и динамические страницы, и CSS оформление, и фреймы, и таблицы, и указания на одну из 1000 и 1 яхт Габена (ладно, это уже шутка, иначе такая информация не поместилась нигде). Кстати, версия HTML 4.01 стала стандартом на целое десятилетие!
И тут наступают нулевые... Они держали программистов в страхе 8 лет... W3C в 2000 сделать версию HTML под названием XHTML. Они решили ступить по стопам XML и сделали так, чтобы при любой ошибке в разметке страница просто не загружалась. От этого разработчики такие подумали, подумали и решили: "Да ну этот ваш XHTML, будем сидеть на нашем родном HTML 4.01". И это длилось до 2008 года. В 2008 году W3C подумали, подумали и решили: "Ну слушайте, мы будем 6 лет разрабатывать новую версию, которая будет поддерживать многое то, что было доступно с расширениями".
Потом наступает 2014 год. В стандарт HTML5 добавляют поддержку видео и аудио без плагинов, canvas для игр и графики и другие крупные и мелкие, но полезные для всех теги.
Сегодня стандарт HTML - HTML5. И HTML продолжит жить, так как:
1. Сегодня замены нет;
2. HTML работает в веб-программированием лучше всех;
3. Люди уже привыкли к HTML;
4. Всех всё устраивает.
HTML как сегодня, так и в 1991-м году лёгкий как в освоении, так и в программировании на нём, так и в размере.
"Глава 2 - Почему HTML - это не язык программирования, а язык разметки?"
Давайте сравним HTML, например, с C (моим любимым, можете прочитать статью про него, пожалуйста):
С имеет:
1. Функции;
2. Указатели;
3. Переменные и (хоть и сложно сделать) строки;
4. Условия;
5. Макросы.
HTML этого всего не имеет, но зато имеет:
1. Абзацы;
2. Таблицы;
3. Заголовки;
4. Видео и аудио;
5. Ссылки и другое.
В основном как раз используются эти абзацы и заголовки. По этому обычно HTML называют "скелетом" сайта. Кстати именно по этому обычно используется связка HTML + JS + CSS как "скелет + плоть + образ".
"Глава 3 - Как программировать на HTML?"
Если раньше нам надо было устанавливать всякие компиляторы, трансляторы и программы, то сейчас нам пригодятся 2 вещи:
1. Компьютер;
2. Браузер на нём.
Всё...
Ладно, давайте приступим к делу.
Как сделать для Linux:
1. Открываем наш любимый терминал;
2. Вводим команду: "touch main.html";
3. После, команду: "nano main.html";
4. Далее вставляем код после инструкции для Windows;
5. Сохраняемся через комбинацию клавиш CTRL + S;
6. Выходим из программы через CTRL + X.
Как сделать для Windows:
1. Создаём текстовый документ;
2. Переименовываем файл на "main.html"
3. Нажимаем быстро 2 раза на файл для того, чтобы его отредактировать;
4. Вставляем код ниже;
5. Сохраняем файл через комбинацию файлов CTRL + S;
6. Закрываем файл.
А вот и код поспел:
```HTML
<!doctype html>
<html>
<head>
</head>
<body>
<p>Hello, world!</p>
</body>
</html>
```
Как запустить для Linux:
1. В терминале вводим команду: "{ваш браузер} main.html"
Как запустить для Windows:
1. Нажимаем правой кнопкой на файл;
2. Выбираем ваш браузер.
Вы должны увидеть текст "Hello, world!".
*[Сайт с "Hello, world!"]*
"Глава 4 - Что в итоге?"
Сегодня вы узнали:
1. Что такое HTML;
2. История HTML;
3. Как программировать на HTML;
4. Почему HTML - это язык разметки.
Пишите в комментариях:
* Знали ли вы про такую историю?
* Знали ли вы про то, что HTML это не язык программирования, а язык гипертекстовой разметки?
* Как вы относитесь к HTML?
Я этот язык знаю чуть хуже, чем C, по этому вспомнилось всё практически сразу.
Даже если вам статья не понравилась, напишите пожалуйста, почему именно, или просто напишите комментарий, мне приятно будет.
С вами был Сам Самыч, всем пока!