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

HTML - это фундамент, который необходим для изучения других технологий CSS, PHP и др., которые позволят создать качественный и уникальный Интернет-проект.

  • Если вы только знакомитесь с HTML. Здесь вы сделаете первые шаги и заложите базу для понимания принципов работы HTML.
  • Получаете поддержку и консультации автора по трудным для вас вопросам. Экономьте свое время по решению трудных вопросов.

Вводное видео.

 

Что такое HTML? Основные задачи HTML.

  

Ссылка на инструкцию, как запустить консоль в браузере.

Для чего нужны знания HTML?

  

Какие программы нужны для работы с HTML?

  

Ссылки на популярные браузеры:

Notepad++

08-09-2013 11-45-16

http://notepad-plus-plus.org/

Этот редактор совершенно бесплатен, поэтому его часто используют в многих курсах по HTML.

Coteditor

Аналог текстового редактора для работы с HTML в операционной системе Mac OS.

https://coteditor.com

Но, если вам придется работать с HTML-кодом часто и много, то советую обзавестись специализированной программой для работы с кодом, например Dreamweaver

08-09-2013 11-45-54

http://www.adobe.com/products/dreamweaver.html

Этот инструмент является платным, но, используя его, вы получаете в свой арсенал набор средств, которые могут значительно облегчить вашу работу с кодом.

Как создать самый простой HTML-документ.

  

Если у Вас не отображается расширение файлов, вот заметка:

Как включить отображение расширений файлов в Windows.

Какие нормативные документы есть для HTML?

  

Так как HTML является языком, то, как и у любого языка у HTML есть свой определенный набор правил, по которым он работает. Этот набор правил формируется в нормативных документах о которых мы сейчас с вами и поговорим.

Какие нормативные документы есть для технологии HTML? Самая главная контролирующая организация, которая занимается технологией HTML - это организация w3c (или с английского world wide web consortium), то есть консорциум всемирной паутины. 

На этом слайде вы можете видеть ссылку на специальный документ, в котором описаны все теги принципы работы HTML, все основные правила этого языка, которая разработала организация w3c

www.w3.org/TR/html5

Давайте сейчас перейдем по этой ссылке и посмотрим, как выглядит этот документ. Вот таким образом выглядит этот документ внутри. Это так называемая спецификация языка HTML, которая содержит список всех тегов и атрибутов элементов этого языка, правила, когда нужно применять какой либо элемент и для чего они нужны.

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

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

И они создали как бы аналог этой спецификации немного ее укоротили, по сути ссылка которая приводится на этом слайде, там находится та же спецификация, что и спецификации w3с, но она немного укорочена.  

https://html.spec.whatwg.org/multipage/

Оттуда убраны какие то рекомендации и лишняя информация, которая нужна в первую очередь для разработчиков браузеров.

Вот так этот документ выглядит изнутри, можете почитать здесь для чего нужен тот или иной элемент и для чего он создавался, но и по сути здесь та же самая информация. Описание тех же самых HTML элементов, для чего они нужны и так далее. 

Ну вот, собственно говоря, и вся нормативная документация, которая используется для языка HTML. 

Вы можете выбрать то что вам более подходит и пользоваться этим тогда, когда вам это будет нужно.Так как HTML является языком, то, как и у любого языка у HTML есть свой определенный набор правил, по которым он работает. Этот набор правил формируется в нормативных документах о которых мы сейчас с вами и поговорим.