1. Введение в html Что такое html?

HTML (HyperText Markup Language – «язык разметки гипертекста») — язык для разработки веб-страниц. Он был создан на основе языка SGML еще в конце 1980-х, но впервые стандартизован был только в 1993. Многим людям пришелся по душе простой в изучении и поддерживаемый различными браузерами язык. В результате в середине 1990-х произошел серьезный рост количества веб-страниц.

Во второй половине 1990-х недостатки и ограничения HTML стали очевидны. Часть из них устранили благодаря CSS, однако это не решило многих других проблем, связанных с расширяемостью и интеграцией с другими веб-технологиями. В результате консорциум W3C принял последний стандарт «старого» HTML в 1999. Все разработки в данном на­правлении были прекращены.

Однако в тот же период серьезно развитие получил универсальный и легкий язык XML, который, по сути, представлял собой набор синтаксических правил. Его первый стандарт был принят в 1998. Поскольку язык состоял только из правил построения документа, его в чистом виде невозможно было использовать для разработки веб-страниц. Для исправления ситуации в 2000 Консорциум W3C принимает первый стандарт нового языка XHTML (eXtensible HTML), построенного на базе HTML и XML.

Наиболее адекватным, современным и четко сформировавшимся на сегодняшний день является стандарт XHTML 1.0 Strict. Но ему на пятки наступает новый HTML 5, который за счет своей модульности уже сейчас пригоден для частичного использования. Однако основное внимание в курсе уделяется стандарту XHTML 1.0 Strict.

Тэги

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

Синтаксически тег представляет собой левую (открывающую) угловую скобку <, соответствующую ей правую (закрывающую) угловую скобку > и все, что находится между ними. Особые случаи бывают, когда за открывающей скобкой следуют восклицательный ! или вопросительный ? знаки. Такие конструкции не относятся к тегам, они являются служебными и применяются для сообщения специальной метаинформации. Несколько примеров тегов:

• <title>

• </body>

• <a href=”/img/logo.png”>

Первое слово после открывающей скобки называется именем тега. В приведенных примерах имена тэгов — title, body и a соответственно.

Все теги разделяются на три вида: открывающие, закрывающие и теги пустых элементов.

• Открывающий тег (start-tag) — это тег, в котором нет слеша / сразу после откры­вающей скобки или непосредственно перед закрывающей скобкой. При­меры открывающих тегов:

<title>

<p>

<div class=”fast”>

• Закрывающий тег (end-tag) — это тэг, в котором сразу после открывающей скобки располагается слеш /. Примеры закрывающих тегов:

</title>

</p>

</div>

• Тег пустого элемента (empty-element tag, также «пустой тег») — это тег, в котором непосредственно перед закрывающей скобкой располагается слеш /. Примеры тэгов пустых элементов:

<br />

<link rel=”stylesheet” type=”text/css” href=”” media=”all” />