Введение в HTML

Если Вы задумались о намерении серьезно развивать собственный бизнес в Интернете, то базовое знание HTML просто необходимо.

Даже, если вы создете сайт на основе шаблона, без элементарных знаний HTML просто не обойтись.Так как вы даже не сможете изменить отдельные элементы шаблона.

Поэтому вам придется потратить определенное время на изучение основ HTML программирования.

Поверьте, ничего сложного в этом нет, очень скоро вы сами сможете в этом убедиться.

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

Однако, если Вы хотите разбираться в HTML на профессиональном уровне и научиться создавать серьезные веб-ресурсы советую Вам приобрести печатные издания.

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

Ознакомится с обучающей литературой.

Давайте для начала разберемся, что же такое HTML?

HTML - представляет из себя, язык гипертекстовой разметки. Являясь стандартным инструментом, он используется в WEB-среде для создания гипертекстовых документов. Его развитие началось еще в 1989 году. Главное преимущество HTML в том, что с его помощью созданный документ просматривается в WEB-браузерах, причем различных типов, на самых разнообразных платформах. Это достигается посредствам того, что совместно с информативным наполнением документа, в нем еще и содержатся данные о способе и порядке преподнесения этой информации пользователю (гипертекст). Непосредственно сам гипертекст представляет собой набор конкретных предопределенных служебных слов, которые должен интерпретировать и "отлавливать" Web-браузер.

HTML-документ - состоит из большого количества html-элементов. Каждый из них отвечает за непосредственный вывод определенных частей документа. Использование элементов html дает возможность форматировать документы, для представления их используются шрифты, линии и другие графические элементы в различных WEB-браузерах. Значительное число документов имеют стандартные элементы. Это, к примеру, заголовки, абзацы, списки и другие элементы.

Каждый отдельный html-элемент состоит из тэгов - ключевых слов, которые окружают информативный блок. Используя тэги можно обозначать данные элементы, для обеспечения WEB-браузера минимальной информацией, необходимой ему для отображения данных элементов, но в целом сохраняя общую информационную и структурную полноту документов. Отсода вывод: чтобы прочитать HTML-документ, нужен WEB-браузер, который интерпретирует html-элементы и воспроизводит документы на экране в виде, который придает им автор.

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

HTML-тэги можно разделить на две категории, но только условно.

• Первая - тэги оформления. Они определяют, как WEB-браузер полностью отображает тело документа.

•   Вторая категория - тэги параметров. Они обозначают общие свойства документа, например: автор документа, ключевые слова, и другие.

Особенности синтаксиса конструкций языка HTML

В этом случае используются псевдознаки. Они облегчают восприятие. Вот их пример:

    <a href="link" [target={_blank|_self}]>Ссылка</a>

     где
     [...] - эти скобки (прямоугольные) определяют вспомогательный атрибут HTML-элемента,
     {...|...} - эти скобки (фигурные) свидетельствуют об альтернативе: или то, или другое. Вертикальная   черта разделяет альтернативные значения.

     Создать HTML-документы можно разными способами. Используются различные средства: начиная от текстовых редакторов например, Notepad (обычный блокнот), которые входят в состав ОС, до специальных HTML-редакторов - визуальные редакторы.

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

Советую Вам сразу скачать следующие программы:

Notepad++ - подсвечивает различные синтаксические конструкции большого количества скриптовых языков (и среди - HTML), и показывает разные возможности для редактирования текстов.

EmEditor - это текстовый редактор, идеально подходит не только для программистов, веб-дизайнеров, но и для рядовых, обычных пользователей.

   Macromedia Dreamweaver8 - фактически это пожалуй лучший визуальный HTML-редактор, который позволяет визуально наблюдать, то, что вы делаете с HTML кодом. Очень полезная вещь, особенно для начинающих веб-мастеров. Данная версия редактора не является последней, но работает очень стабильно. Я пользуюсь именно этой версией. Более поздние версии программы имеют только незначительные улучшения.

А вот от сюда Вы можно скачать учебное пособие по Macromedia Dreamweaver8

Позвольте дать Вам еще небольшой совет: Не стремитесь изучать основы HTML по видео урокам и всевозможным видео пособиям. Человеческий мозг устроен так, что запоминает в долгосрочной перспективе только ту информацию, которая содержаться в текстовых символах (которые вы записываете или вводите с клавиатуры сами) поэтому, если Вы хотите быстро освоить материал, старайтесь вводить все примеры HTML кода своими руками. А видео пособия дадут только общую информацию, которая надолго не задержится в вашей голове.

Теперь можно непосредственно переходить к процессу изучения HTML.

     Желаю удачи и терпения в процессе изучения!

Развитие и монетизация сайта

Начинающему
веб-мастеру

Введение и знакомство с HTML

Бесплатно создаем собственный сайт

Основы поисковой оптимизации

Что такое ТИЦ и PR и как их увеличить

Как раскрутить собственный сайт

Зарабатываем на собственном сайте

Помощь в выборе хостинг-провайдера

Загружаем сайт на хостинг

Полезные сайты

Полезная литература