Язык разметки гипертекста (HTML)

Основная часть контента сайта состоит из файлов. Уверен, каждый из вас когда-либо встречал файлы с расширением htm или html. Это текстовый файл, описывающий разметку страницы сайта, то есть расположение и форматирование текста, графики, ссылок и т.п. при помощи языка разметки HTML (HyperText Markup Language). Организовать полный курс по языку HTML я вряд ли смогу, так как тема очень обширная, поэтому в этой статье я расскажу о базовых понятиях, достаточных для понимания сути. Более полную информацию вам стоит искать в книгах или специализированных интернет-ресурсах по HTML, благо, таковых немало.

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

<br>

Этот тег переводит текст на новую строку. Теги бывают парные и непарные. Приведенный выше тег является непарным, так как это одиночный самостоятельный тег. Парный тег состоит из открывающего и закрывающего тега:

<font>текст</font>

Знак "/" после треугольной скобки указывает на то, что тег закрывающий. Парный тег представляет собой контейнер, то есть между открывающим и закрывающим тегом может содержаться текст (как в примере выше), другие теги, либо и то и другое, например:

<font>строка 1<br>строка 2</font>

Парные теги, как правило, применяют какие-либо операции к своему содержимому, например тег:

<b>жирный текст</b>

делает текст жирным. Отсутствие закрывающего или открывающего тега у парного тега считается ошибкой, ровно как и нарушение очередности при вложенных парных тегах:

<b><font></b></font> — неправильно
<b><font></font></b> — правильно

Каркас HTML-страницы состоит из парного тега верхнего уровня html, в который вложены парные теги head и body:

<html>
  <head></head>
  <body></body>
</html>

В блоке head размещаются теги, содержащие параметры страницы: кодировку, автора, ключевые слова и так далее. Блок body содержит код разметки страницы Обратите внимание на отступы и переводы строк. В таком виде читать HTML-код гораздо удобнее.

Атрибуты тега. Атрибутами задаются параметры тега. Это делается по следующему шаблону:

<tag attr1="val1" attr2="val2">

Например, атрибут color тега font устанавливает цвет текста, находящегося внутри этого тега:

<font color="red">Красный текст</font>

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

Комментарии

Оставить комментарий »

 
Aquihost Master
22 марта 2010, 20:23
#1
 

Непарніе теги по новому стандарту должны писаться в виде: или ещё пример:

Joker-jar
2 апреля 2010, 7:36
#2
 

Извиняюсь, совсем забыл про модерацию комментариев :oops: HTML-теги в вашем сообщении вырезались, сейчас разберусь, почему. Но я, в принципе, догадываюсь, что вы имели ввиду. Непарные теги должны писаться так:

<br />

В принципе, вы правы, однако это уже стандарты XHTML, у которого более строгие требования. Я же планирую эти нюансы (включая DOCTYPE) разобрать позже, а пока даю базовую информацию и считаю это вполне приемлимым ;-) Спасибо за внимание к сайту

Opossum
14 июня 2012, 11:00
#3
 

Эта фигня ещё на сайтах wml была, кажется. Ну в смысле, наверное, и сейчас есть, только кому они сейчас нужны эти сайты.

Opossum
14 июня 2012, 11:01
#4
 

Парсер — лох :)

Оставить комментарий

Ваше имя
 
Ваш e-mail
 
Комментарий