Что такое HTML? И зачем он вообще нужен?

// // Интересное в сети //

HTML - это язык разметки текста web страниц. Он говорит браузеру какая кодировка страницы, как должен быть расположен текст, какого цвета и размера. Каким цветом будут ссылки и многое другое.

Конечно скажете вы, существуют визуальные редакторы. Визуальный HTML редактор (WYSIWYG-редактор) делает страницыHTML практически без знаний самого языка гипертекстовой разметки HTML — так же, как мы делаем документы в - Microsoft Office Word, Exel — пишем текст, таблицы, вставляем графику, списки и другие элементы и просто задаём как мы хотим, чтоб это все выглядело.

Например, самый на мой взгляд лучший и распространенный Macromedia Dreamweaver. Так же большое распространение получили Системы управления контентов в который так же встроен визуальный редактор

Но почему же тогда все таки нужно знать HTML?

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

Но не все можно сделать с помощью выше упомянутых программ, бывает на сайте съезжает страница, дизайн и тут уже нужно лезть в сам код страницы и смотреть чем вызвана ошибка, без знаний HTML не обойтись.

Без знаний основ языка HTML дальнейшие шаги в области Web - строительства, дизайна будут затруднены. Создавать странички с помощью почти всем известной программы Macromedia Dreamweaver, или CMS Joomla - не столь уж сложная задача. У многих складывается ошибочное представление о том, что научиться Web - строительству, есть ни что иное, как овладеть этими программами, скриптами. Это совсем не так. В чем мы с Вами очень скоро убедимся. Но иметь под рукой Dreamweaver нужно обязательно.

Само собой вам понадобится браузер, советую Mozilla Firefox. Итак, повторюсь! Когда мы смотрим сайт, то вне зависимости от того как он создавался в итоге, мы просматриваем HTML - код, который читается браузером. Для грамотного Web-строительства необходимы знания структуры HTML документа и синтаксиса этого языка. Синтаксис HTML, базируется на тэгах.
Тэги HTML
Вся терминология в области компьютерных технологий в большинстве случаев является заимствованной из технического английского. И термин тэг - не исключение. Тэг (от англ. tag - ярлык, бирка). Подобрать эквивалент к этому слову в разрезе данной тематики не так уж просто. По сему слово это это решили использовать без перевода. Тэгом называют символ латинского алфавита, аббревиатуру, заключенные в угловые скобки. Пример:

<html> - тэг, символизирующий
начало любой HTML - страницы.
Но для читабельности кода и Вашего же удобства рекомендуется использовать единый стиль.
Власть тэга распространяется до тех пор, пока не встретиртся закрывающий тэг. Закрывающий тэг ничем не отличается от открывающего, но имеет после первой угловой скобки символ "/". К примеру тэг
<html> - открывающий,
а </html> - закрывающий.
Теперь самое время сверстать первую HTML - страничку. Запускаем Notepad (Блокнот). Набираем то, что написано ниже.

<html>
<head> 
<title>Пример простейшей HTML странички.</title>  
</head>   
<body>  
<p>Простейшая HTML страничка
</p> 
</body>
</html>
Теперь выбираем в меню File(Файл)->Save As...(Сохранить как...). Вам будет предложено сохранить как Text Document(Текстовый документ). В строке File Name(Имя файла) набираем test.html, а в строке File Type(Тип файла) выбираем в выпадающем списке All Files(Все файлы). Нажимаем Save(Сохранить). Лучше создать отдельный каталог и сохранить файл test.html в нем. Теперь можно закрыть Notepad (Блокнот). Запускаем сохраненный нами файл test.html. Если в окне броузера мы видим текст Простейшая HTML страничка, то это значит, что Вами все было сделано правильно. А текст "Пример простейшей HTML странички" появится в заголовке окна броузера. Анализ созданной нами странички проведем в следующий раз.

- закрывающий. Теперь самое время сверстать первую HTML - страничку. Запускаем Notepad (Блокнот). Набираем то, что написано ниже. Пример простейшей HTML странички.

Простейшая HTML страничка

Теперь выбираем в меню File(Файл)->Save As...(Сохранить как...). Вам будет предложено сохранить как Text Document(Текстовый документ). В строке File Name(Имя файла) набираем test.html, а в строке File Type(Тип файла) выбираем в выпадающем списке All Files(Все файлы). Нажимаем Save(Сохранить). Лучше создать отдельный каталог и сохранить файл test.html в нем. Теперь можно закрыть Notepad (Блокнот). Запускаем сохраненный нами файл test.html. Если в окне броузера мы видим текст Простейшая HTML страничка, то это значит, что Вами все было сделано правильно. А текст "Пример простейшей HTML странички" появится в заголовке окна броузера. Анализ созданной нами странички проведем в следующий раз.