Основные теги HTML

Вообще-то, язык HTML не является языком программирования. Это язык разметки гипертекста (HyperText Markup Language). Т. е. называть его «языком HTML» не верно.


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


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


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


Настоятельно рекомендую набирать весь код руками (для улучшения прямоты этих самых рук), визуальные редакторы же значительно облегчают этот процесс. Лично я пользуюсь Macromedia Dreamweaver 8. Это далеко не самая последняя версия, но её возможностей мне хватает с избытком.


Я поступаю так: набираю код в Dreamweaver, затем сохраняю и нажимаю кнопку «Просмотр в браузере» (список браузеров в этом меню ты редактируешь сам), после возвращаюсь в Dreamweaver и продолжаю редактирование. Здесь русификатор для Macromedia Dreamweaver 8. Это то, что касается инструментов, теперь перейдём непосредственно к тегам HTML.


Начнём со строения html-страницы, вернее с её основных тегов.



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

< HEAD >< /HEAD >

< BODY >< /BODY >

< /HTML >

Как видишь, все теги парные (есть открывающий тег и закрывающий), в HTML почти все теги такие. Отличаются открывающий тег от закрывающего тем, что перед закрывающим стоит косая черта «/». Такие теги ещё называют контейнерными, потому что между ними можно вставить другие теги, т.е. поместить в контейнер. Ты и сам можешь видеть, что между тегами < html> и < /html> находятся другие теги.


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


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

Между тегами < HEAD > и < /HEAD > находятся мета-теги (заголовок страницы, описание, ключевые слова и т.д.). В них хранится информация об html-странице и технические сведения. Вообще, данный тег не является обязательными, т. е. без него html-документ будет нормально отображаться браузерами. Но даже, если ты не планируешь использовать область заголовка, то напиши хотя бы просто < HEAD> < /HEAD>. Это нужно для совместимости между различными версиями программ.


Все сведения, находящиеся между тегами «HEAD», никак не отображаются браузером (за исключением информации между тегами < TITLE> < /TITLE>, где расположено название html-документа, выводимое в верхней панели браузера). Но могут оказывать большое влияние на вид html-страницы, её жизнь в Интернете и ранжирование поисковыми системами. Подробнее о тегах, которые располагаются в заголовке гипертекстового документа, мы поговорим позже.


Основное содержимое html-документа располагается между тегами < BODY> и < /BODY>. Здесь находится всё, что мы видим, когда открываем html-страницу: текст, графика, меню, кнопочки и т. д. Это основное «тело» страницы.


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


< BODY bgcolor="#FF0000">< /BODY>
, то фон всей страницы будет красным.

Здесь тег < BODY> — это, собственно, тег; bgcolor — его атрибут; "#FF0000" — значение атрибута (у тега может быть несколько атрибутов).

0 коммент.