Вопрос на засыпку: какой язык в мире самый простой?

Нет. Не матерный.

И даже не английский. 🙂

Язык гипертекстовой разметки — HTML! Hyper Text Markup Language!

И правильно он произносится как «эйч-ти-эм-эль».

Не секрет, на языке HTML создают страницы сайтов. На этом языке не программируют, на нем верстают, т.е. особым образом размечают текст для публикации в Интернете. На этом языке Вашему браузеру (программе для просмотра веб-страниц — Internet Explorer, Opera, Mozilla Firefox, Maxton и т.д.) «даются предписания» какой текст и другие элементы (картинки, аудио, видео), где, когда и каким именно образом отображать. Поэтому он и называется языком разметки.

Для того, чтобы создать свой сайт желательно, но совсем не обязательно, знать язык HTML. (Хотя чего там знать-то…) Существуют специальные программы (HTML-редакторы) для создания сайтов в визуальном режиме (например, Adobe Dreamweaver, Microsoft FrontPage и др.). Пользуясь ими, Вы прямо на экране компьютера можете увидеть, как от Ваших действий меняется Ваш сайт. HTML-редакторы могут быть невизуальными (например, блокнот, Notepad++ и др.), работающими в кодовом режиме.

Синтаксис HTML-языка довольно простой и весьма ограниченный. Основа синтаксиса — теги.

Теги — это забавные <slova> в треугольных скобках, которые в научном мире называются дескрипторами (descriptor – описатель, описательный элемент).

Набор тегов HTMLя – это, можно сказать, его алфавит. Правильно складывая теги друг с другом можно получить целое художественное произведение, которым будут восхищаться многие…

Вот пример изнанки простой HTML-страницы:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd«>
<html>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
<title>Название страницы</title>
</head>
<body>
<h1>Заголовок страницы</h1>
<p>Текст</p>
</body>
</html>

Этот код необходимо поместить в текстовый редактор, и сохранить новый документ с расширением .html, например, index.html.

Первая строчка: <!DOCTYPE HTML PUBLIC … loose.dtd»> – называется «Объявлением типа документа» (doctype = document type declaration, а DTD = Document Type Definition – ОПРЕДЕЛЕНИЕ типа документа) и говорит нам, а, вернее, нашему браузеру, о том, в какой версии html написана страница. Например, данная страница написана, получается, в четвертой – HTML 4.01.

Первой официальной версии у языка гипертекстовой разметки нет. Неофициальных версий было много, и создавались они «кем-то где-то и как-то». В 1995 году за дело браво взялся Консорциум Всемирной Паутины (W3C) (http://www.w3.org/) с огромным желанием навести порядок в Интернете. И у него это прекрасно получилось, потому что уже 22 сентября вышла новая стандартизированная версия HTML, которой сразу присвоили аж второй номер.

Чтобы жизнь малиной не казалась, для стандарта 4.01 придуманы три разновидности: Transitional (переходный) – как в примере, Strict (строгий) и Frameset (с фреймами).

http://… в DOCTYPE – это URL, относительная ссылка, адрес, по которому расположен на сайте организации W3 документ, описывающий стандарт, который был применен.

Итак, теги. Они могут быть двойными, одиночными или вообще тегами пустого элемента.

Например, тег <html></html> — двойной, он открывается (<html>) и закрывается (</html>).

Тег <html></html> говорит браузеру о том, что этот документ вообще-то написан на языке гипертекстовой разметки и, чтобы браузер не вел себя с ним так, как ему вздумается. Поэтому открывающий тег <html> ставится почти в самом начале после преамбулы о типе документа, а закрывающий </html> — в самом конце.

Далее идет тег <head> — голова.

В голове происходят важные вещи…

Между начальным (<head>) и конечным (</head>) тегами вставляются другие теги, например, тег названия страницы <title></title>.

Посмотрев на страницу в браузере (открыв index.html), на вкладке браузера можно увидеть название страницы.

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

Однако в нашем случае использован мета-тег совсем другого рода: мета-тег кодировки страницы (<meta http-equiv… и т.д.). Этот тег очень важен. Если текст Вашей страницы русский, и Вы хотите, чтобы во всех браузерах он отображался русскими буквами, а не какими-нибудь квадратиками или знаками вопросов, то необходимо поставить кодировку – кириллица, т.е. charset=windows-1251.

После головы идет… что?..

Тело.

Шея, предположим, не считается. 🙂

Тег <body></body>.

Этот тег самый вместительный. Сюда кладут все, что только могут положить… 🙂

Здесь — само содержание страницы. Сам текст.

Но красиво ли, когда текст идет сплошняком? Удобно ли его читать, когда он не разделен на логические абзацы, а заголовки и подзаголовки теряются в однородной массе букв?

Надеюсь, Вы против такого беспредела.

Поэтому в языке разметки есть специальные теги, позволяющие сделать тексту «макияж».

Например, для оформления заголовков используются теги <h1></h1>, <h2></h2> и т.д. до h6. H1 – самый большой, а дальше все меньше и меньше и меньше…

Для отделения абзацев, а вернее, параграфов используется неприметный тег <p></p>.

Также есть теги для создания списков, маркированных и немаркированных, текста, таблиц, графики, теги для создания ссылок и так далее.

Существуют также теги для оформления цвета, размера и положения перечисленных выше элементов страницы. И этот раздел языка называется Presentational HTML. Таких тегов немного и маневрировать элементами страницы они особо не позволяют. Более того, так как для придания странице приятной внешности существует специальный язык — CSS, то браузеры к presentational HTML относятся нерадушно. Считается, что они «загрязняют» код.

Наряду с тегами, живущими в паре, есть теги-одиночки. Например, <br> — тег переноса текста на следующую строку. У него нет закрывающего тега </br>. Он ему не нужен. Он сам по себе. 🙂

Пустующие теги – теги, между началом и концом которых ничего не пишется, но толк от них все же есть. Например, тег <hr></hr> вставляет на страницу разделитель.

Думаю для посвящения в HTML </достаточно>.