Wiki-учебник по веб-технологиям: HTML/КороткоHTML ...

Главная | |

Коротко о HTML


HTML (Hyper Text Markup Language) означает язык разметки гипертекста. Этот язык был разработан Тимом Бернерсом-Ли в рамках создания проекта распределенной гипертекстовой системы, которую он назвал World Wide Web (WWW) или Всемирная паутина. HTML предназначен для написания гипертекстовых документов, публикуемых в World Wide Web. Документ на языке HTML может включать следующие компоненты:

Документы HTML являются обычными текстовыми файлами, содержащими специальные теги (или управляющие элементы) разметки. Теги разметки указывают браузеру Web, как надо вывести страницу.

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

HTML — это не язык программирования, — он служит лишь для разметки странички, придания определенного вида тому или иному элементу, будь то таблица, текст или картинки.

Осуществляется это путем присвоения каждому элементу своих параметров, которые распознает броузер. Параметры эти могут быть заданы как для одного, так и для группы или типа элементов. Тип элементов может быть таким: таблицы, ячейки, ссылки, текст и т.п. То есть что-то, что можно назвать одним термином. Отдельные свойства можно присваивать и выбранным элементам персонально.

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

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Это заголовок страницы</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="css/styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>Здравствуйте!</h1>
<!-- Это комментарий -->
<p>Это моя первая страница HTML. <b>Этот текст выводится жирным
шрифтом.</b></p>
</body>
</html>


Разбор примера

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> –- обозначает тип документа и формат. Облегчает распознавание другими программами этого файла. Указывает в начале версию стандарта HTML и язык документа. Рекомендуется оставлять без изменений для одинакового отображения в большинстве браузеров.

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

Текст между тегами <head> и </head> является информацией заголовка документа. Эта информация не выводится в окне браузера.

Текст «Это заголовок страницы» между тегами <title> и </title> является заголовком документа. Этот заголовок выводится в строке заголовка окна браузера.

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> — укзаывает на то, что документ содержит HTML-текст в кодировке windows-1251 — это кириллица.

<link href="css/styles.css" rel="stylesheet" type="text/css"> — подключает к документу таблицу стилей CSS.

Текст между тегами <body> и </body> является текстом, который будет выведен в окне браузера. Текст «Здравствуйте!» между тегами <h1> и </h1> будет отображен стилем заголовка, обычно жирным шрифтом большего размера.

<!-- Это комментарий --> — комментарии в HTML заключаются в <!-- и -->

Тег <p> означает, что начинается новый параграф, тег </p> означает конец параграфа.

Текст «Этот текст выводится жирным шрифтом.» между тегами <b> и </b> будет выведен жирным шрифтом.