Главная / Основы HTML / Блог / Основные теги языка HTML

Основные теги языка HTML

Может для вас будет неожиданностью, но HTML это не совсем язык программирования. HTML переводится как HyperText Markup Language, а если попроще — это язык разметки гипертекста. Соответственно называние «язык HTML» является некорректным.

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

Браузеры показывают отформатированный текст и в нем не видны теги HTML, которые использовались для форматирования. Чтобы воочую все увидеть и понять, ты можешь к примеру увидеть савокупность тегов и текста данной страницы. Для этого щелкни правой кнопкой мыши находях на этой странице и в открывшемся меню нажми на пункт «Исходный код страницы».

Писать код HTML можно в обычных текстовых редакторах, но можно и в специальных программах, или визуальных редакторах. Визуальные редакторы очень удобны и полезны, они с легкостью работают с кодом HTML, CSS, JavaScript, PHP и др., своеобразные программы для web-программирования. Создавая в подобный редакторах код HTML можно в режиме реального времени наблюдать получаемый результат.

Лично я писал этот сайт полностью в текстовом редакторе. Ведь надо помнить, что визуальные редакторы, такие как Macromedia Dreamweaver 8 лишь облегчает процесс создания сайта, а ручной ввод тегов помогает закреплять знания, и увеличивает опыт. Работать в нем не составит большого труда.

Важно! В данном разделе я привожу примеры HTML-кода, который тебе надо будет сохранять в файл с расширением *.html . Если ты используешь блокнот, то тебе надо будет результат кода Сохранить как → Название_файла.html . Файл можно открыть любым браузером.

Самое время перейти к строению html-страницы, попробуем разобрать её основные части.

Основные теги HTML-страницы

К основным тегам HTML, которые обязательно нужно использовать в каждом html-документе, относятся:

<HTML>
<HEAD></HEAD>
<BODY></BODY>
</HTML>

Надеюсь ты обратил внимание, что данные теги являются парными, есть открывающийся и закрывающий тег, но в HTML не все теги такого вида. Часто данный тип тегов называют контейнерными, т.е. в область между закрывающегося и открывющегося тега можно поместить информацию, и даже другие теги. Хотя ты и сам должен был обратить внимание, что между тегами <html> и </html> находится уже другая информация.

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

Теги <HEAD> и </HEAD> называют заголовком html-документа, и содержит всю информацию о нем. Он не считается обязательным, т.е. страничка будет открыватся спакойно и без него, но на всякий случай пиши его.

Все символы, которые содержат эти теги, не выводятся на странице, за исключением тегов <TITLE> </TITLE>, в котром распологается заголовок страницы. Данный заголовк не только нужен для хорошего вида страницы, но и сильно используются в ранжировании поисковых систем. Но не будем забегать вперед, поддробнее об этом мы поговорим позже.

Следующим по важности тегоами являются <BODY> и </BODY>, между которыми распологается тело html-странички. В область данных тегов можно размещать весь ваш материал, которые хотели бы видеть в браузере: текст, графику, видео, меню, кнопки и т.д. Можно сказать, что это «тело» страницы.

И так, я перечислит обязательные теги, внутри которых ты можешь использовать другие нужные теги для создания html-документа. Почти у каждого тега есть атрибуты, которыми можно изменять свойства тегов и их влияние на содержимое документа. К примеру возьмем тег <BODY></BODY>:

<BODY bgcolor="#666666"></BODY>

Данным примером ты сделаешь фон страницы серым.

В данном случае <BODY> является тегом, а bgcolor — его атрибутом, ну и "#666666" — значение атрибута. У тега может быть больше 1 атрибута. Также стоит сказать, что атрибуты пишутся в открывающемся теге.

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

Как надо учить HTML

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

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

← Введение в HTML  Атрибуты тега BODY →
Дата публикации: 15 мая, 2012
    Отзывы и комментарии:
  • Ксения Калашникова:
    Спасибо! Очень помогли. Все просто и понятно:)
  • www.1seo.by:
    И вам спасибо за добрые слова :)
  • Владислав Пащенко:
    Спасибо просто и понятно!


Тяжёлый труд — это скопление легких дел, которые вы не сделали, когда должны были сделать.
© Джон Максвелл

Скидки для новичков:

Купить виртуальный хостинг для сайта и домен со скидкой 5%!

Подробнее

Подпишитесь на интересные обновления моего блога, чтобы быть в тренде последних тенденций разработки и продвижения сайтов: