Найти в Дзене
Nord Gift

HTML для начинающих #1 Введение

Всем привет, хочу Вас познакомить с языком HTML в виде коротких уроков, которые легче запоминаются и усваиваются мозгом. Прочитав все мои статьи, вы освоите HTML и сможете создавать сайты сами. Введение Аббревиатура HTML расшифровывается как Hyper Text Markup Language (язык гипертекстовой разметки). Он придуман в 1986 году в Великобритании для передачи документов между институтами, при этом документы должны были выглядеть достаточно хорошо на всех браузерах. Изначально он использовался только внутри научных учреждений, но идея понравилась настолько, что была распространена по всему миру. Изначально интернет состоял из текста с перекрестными ссылками, но со временем потребности росли, и стали появляться картинки, диаграммы и прочее прочее. Сейчас наступила эра так называемого Web 2.0. HTML постоянно усовершенствовался, обновлялся, менялись версии, и нынешняя версия спецификации уже пятая, и она позволяет создавать не только сайты, но и так называемые веб приложения. Далее я расскажу

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

Введение

Аббревиатура HTML расшифровывается как Hyper Text Markup Language (язык гипертекстовой разметки). Он придуман в 1986 году в Великобритании для передачи документов между институтами, при этом документы должны были выглядеть достаточно хорошо на всех браузерах. Изначально он использовался только внутри научных учреждений, но идея понравилась настолько, что была распространена по всему миру. Изначально интернет состоял из текста с перекрестными ссылками, но со временем потребности росли, и стали появляться картинки, диаграммы и прочее прочее. Сейчас наступила эра так называемого Web 2.0. HTML постоянно усовершенствовался, обновлялся, менялись версии, и нынешняя версия спецификации уже пятая, и она позволяет создавать не только сайты, но и так называемые веб приложения. Далее я расскажу самые основы HTML. Любая HTML страница состоит из трех основных тегов, которые образуют скелет любой страницы.

  • тег HTML это контейнер в котором содержится все остальное содержимое страницы. Любой тег является парным, т.е. у него есть открывающая < > и закрывающая </ > части, весь полезный контент находится между этими двумя элементами.
  • тег HEAD находится всегда в верхней части страницы и содержит в себе служебные теги и метатеги, предназначенные для работы с поисковыми системами и браузерами. Содержимое этого тега не видно обычному посетителю сайта
  • тег BODY - это основное тело страницы, которое содержит рабочие элементы.

Чтобы написать свою первую страницу сайта вам понадобится обычный windows блокнот или более продвинутая версия в виде программы Sublime Text, которую я использую из-за ее функциональности и удобства.

Скелет простейшей HTML страницы
Скелет простейшей HTML страницы
  • В самом верху всегда находится тег !doctype html - универсальные правила написания страниц для всех версий HTML. Без этого тега некоторые браузеры вместо страницы будут отображать её код .
  • атрибут lang ( сокращение от английского "language" - "язык") указывает язык содержимого элемента двумя первыми буквами языка, в данном случае ru - русский
  • В теге head любой страницы должны быть метатеги. В частности метатег charset, указывающий браузеру в какой кодировке символы расположены на странице. Сейчас форматом дефакто является UTF-8. Второй важный элемент title - название документа, то как будет выглядеть вкладка вашей страницы.

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