Урок 1. Что такое HTML

Здравствуйте, друзья! Ни для кого не секрет, что сейчас глобальная сеть интернет развивается просто бешеными темпами. Многие люди интересуются тем, как создать себе сайт или блог, как его раскрутить, чтобы о нем узнали как можно больше людей, как можно извлечь прибыль со своего сайта и т.д. И когда человек начинает интересоваться всеми этими вопросами он рано или поздно натыкается на такое понятие как язык гипертекстовой разметки HTML. И, как правило, данное понятие вызывает у него недоумения, в пользователя возникает вопрос, что такое html, зачем он нужен?

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

Что за зверь такой HTML, откуда он взялся?

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

Данный язык появился в начале 90-х годов, и способствовало его появлению ряд событий. Все дел в том, что когда в далеких 80-х годах появилась глобальная сеть, её изначально использовали исключительно в военных целях. Пользовались интернетом в основном ученные, которые посредством сети обменивались между собой различной информацией. Но большим недостатком такого обмена было то, что информацию, которая передавалась по сети, никак нельзя было форматировать, то есть, грубо говоря, люди, на другой стороне соединения получали сплошной текст, который было тяжело читать. Данный факт, совсем не устраивал ученных, и они взялись за решение этой проблемы. И это стало причиной того, что через некоторое время был придуман язык – HTML (Hyper Text Markup Language), используя который можно, легко форматировать передаваемый посредством глобальной сети текст. Таким вот образом и возник язык гипертекстовой разметки.

html_

В основу языка HTML были взяты специальные команды, которые называются тегами, данные команды и указывают браузеру как именно показывать текст. Все теги начинаются с левой открывающей угловой скобки (<) и заканчиваются правой угловой скобкой (>), выглядит все таким вот образом:

<название тега>

Так же все теги делятся на два вида – парные и не парные. Что это значит? Проще всего показать на конкретном примере:

tegi

<b>текст будет жирным</b > — это парный тег. Здесь мы видим, парный тег, с помощью которого мы может сделать текст жирным. То есть текст как бы заключается в два тега, причем второй тег отличается от первого наличием обратного слэша (/), что указывает браузеру на то, что это именно закрывающий тег.

Примером непарного тега является тег <br/>, который указывает браузеру, что в том месте, где стоит данный тег необходимо сделать перенос строки. Здесь закрывающего тега нет, что говорит о том, что тег является не парным.

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

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

word

То же самое делается при создании веб-страниц с использование языка текстовой разметки HTML. Мы можем редактировать текст, указывая специальные теги, которые отвечают за ту или иную часть оформления текста. К примеру, если нам нужно указать заголовок текста мы заключаем данный заголовок в специальный тег <H1>. Если же нам нужно выделить какую-то часть текста, мы можем сделать её жирной заключив в тег <b>. То же самое и с абзацами, которые формируются, используя специальный тег <p>. В общем, текст можно редактировать как угодно, главное знать при этом какие теги отвечают за то или иное представления текста.

Причем когда выполняется такого рода форматирование текста, документ, который содержит данный текст, сохраняется со специальным расширением, чтобы в будущем его открывали соответствующие программы. Данное расширение имеет вид .html, именно оно указывает операционной системе, что документ является html — страницей и открывать его нужно соответствующими приложениями в нашем случаи этими приложениями являются браузеры.
Понимаю, сейчас это все немного не понятно, но это только сейчас, дальше, когда вы узнаете, как создаются документы, и какие теги имеются в языке, для вас все прояснится.
На данном этапе вам главное хорошо понять что – это язык, который предназначен для разметки текста, и он состоит из специальных тегов, которые являются некими командами для браузера указывающими ему как именно показывать текс пользователю.

На сегодня у меня все, надеюсь, я вам помог разобраться в вопросе – что такое htm? И теперь вы хоть приблизительно знаете, что это за язык и для чего он применяется.