16.05.2018   221
Учебник HTML для начинающих

Учебник HTML для начинающих

Мало платят? Занимаешься какой-то ерундой? В институте ничему не учат?
Не тупи!
Стань программистом

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

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

Давайте рассмотрим 5 важных моментов, которые облегчат изучение и понимание этого языка.

  1. Как работают сайты.
  2. HTML-основа любого сайта.
  3. Версии HTML.
  4. HTML-структура страницы, CSS -внешний вид.
  5. Софт для работы.

В первом вопросе разберем как работают сайты с набора адреса в браузере и до его открытия. Интернет состоит из множества серверов, на которых хранятся сайты. Когда пользователь набирает адрес сайта в своем браузере, тот обращается к DNS серверу, который находит нужный сайт. Он состоит из папки с картинками, отдельной папки с HTML кодами и таблицы стилей, которая управляет внешним видом. Благодаря этому в браузере появляется красиво оформленный сайт.

Но и он появляется не только по этой причине. Почему же все тона, тексты, буквы, таблицы, картинки и все остальное располагается на экране в нужной последовательности? Потому что прописанный HTML код считывается браузером. Каждый тег. Да, той самой программой, которую мы открываем для того, чтобы зайти в интернет. Яндекс, гугл и т.д. То, что прописано в коде, то и появится на экране.

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

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

Просмотреть, как выглядят эти теги и сам код, можно открыв в своем браузере любой сайт, и после клика правой кнопкой мыши выбрать пункт "исходный код". Здесь будет HTML-код сайта.

Освой востребованную профессию и получай деньги за интересную работу.
Как?!
Стань программистом!

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

Третий вопрос – это версии языка HTML. Он не стоит на месте и постоянно усовершенствуется, поэтому выходят новые версии. Устаревшей является 4.01, но она тоже остается до сих пор рабочей. Более новая версия 5.0. В их различие входит первоначальный код страницы, который в старой версии нужно прописывать, а в новой он высвечивается при запуске программы. Есть еще различия, с которыми ознакомитесь при работе, такие как новые теги, атрибуты и возможности.

Четвертый вопрос: HTML-структура страницы, CSS-внешний вид. Очень важно понимать этот момент. HTML – это фундамент сайта, а CSS- это внешний вид. Сравнив написание сайта со строительством дома можно сказать, что HTML - это строительные материалы, а CSS - это строители, которые устанавливают этот материал в нужной последовательности и приводят все в порядок.

Пятый вопрос – софт для работы. Другим языком – это необходимые программы для строительства сайта. Их много, но все они бесполезны, пока сам язык программирования не изучен. Существуют конструкторы сайтов, такие как DreamViewer. Они значительно упрощают работу, но только после того, как вам знаком HTML.

Список программ, которые потребуются при работе.

  1. Notepad++ - здесь пишется сама программа HTML.Подобие встроенного блокнота windows.
  2. Total Comander. Она позволит перекидывать файлы и папки с места на место и экономить время.

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

Изучайте HTML бесплатно в нашем курсе HTML для начинающих.

Присоединяйтесь к нам в Twitter, ВКонтакте, Facebook и Google+, а также вступайте в наш чат в Telegram, чтобы не пропустить новые уроки и быть в курсе последних новостей из мира веб-разработки.