Может для вас будет неожиданностью, но 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> <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. Именно поэтому я начинаю с самого начала и с самого обязательного. В следующей странице я постараюсь подробнее описать один из главных тегов <BODY>.
← Введение в HTML | Атрибуты тега BODY → |
Я не терпел поражений. Я просто нашёл 10 000 способов, которые не работают.
© Томас Эдисон
Супер-предложение!
Купить виртуальный хостинг для сайта и домен с бесплатным тестовым периодов 1 месяц!
Подпишитесь на интересные обновления моего блога, чтобы быть в тренде последних тенденций разработки и продвижения сайтов:
Спасибо! Очень помогли. Все просто и понятно:)
И вам спасибо за добрые слова :)
Спасибо просто и понятно!