Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Обучение созданию сайтов с нуля. 5.Основы HTML.


Информационный Канал Subscribe.Ru

 

Создание сайтов с нуля

#5. Основы HTML

по всем вопросам пишите на e-mail : webcourse@mail.ru


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

Теги состоят из имени и необязательных атрибутов. Текст тега заключается в угловые скобки <>.

Итак, рассмотрим код страницы, созданной в предыдущем выпуске.

<HTML>
<HEAD>
<TITLE>Мой самый первый сайт </TITLE>
</HEAD>
<BODY>
<H2 ALIGN="center"> На этом сайте я хотел бы разместить все то, что мне интересно </H2>
<H3> И скоро я это сделаю :) </H3>
А здесь будет нужный мне текст, мои статьи и мысли <BR>
<P ALIGN="center"> <a href="http://content.mail.ru/pages/p_18369.html">А это ссылка на рассылку :) "Создание сайтов"</a></P>
</BODY>
</HTML>

Весь этот документ - это один большой контейнер, который заключен в теги <HTML></HTML>. <HTML> - это начало контейнера, а </HTML> - закрывающий тег. В закрывающих тегах атрибуты никогда не используются. (Вообще то закрывающий тег, например </HTML> не обязателен, крайне рекомендуется указывать все завершающие теги).

Еще два обязательных HTML-документу контейнера, это заголовок документа <HEAD></HEAD> и тело документа <BODY></BODY>. Хотя формально заголовок документа необязателен, но без него не обходится ни одна страница, ведь в контейнере <HEAD> задается заголовок страницы (тот текст, который будет отображаться в заголовке окна браузера, он задается в контейнере <TITLE></TITLE>), и различные параметры: описание используемых стилей, скриптов, ключевых слов, описание документа и т.п.

В контейнере <BODY></BODY> находится основное содержимое документа: текст, графика и т.п.

В данном случае, в теле документа у нас содержится три строки текста и ссылка.

<H2 ALIGN="center"> На этом сайте я хотел бы разместить все то, что мне интересно </H2>

Тег <H2> означает заголовок. В этом теге находится наиболее важный по смыслу текст. А атрибут ALIGN="center" означает размещение текста по центру. (Если вместо "center" подставить "right" или "left", то текст будет выравниваться по правой и левой стороне соответственно, а значение "justify" означает выравнивание по обоим границам).


А здесь будет нужный мне текст, мои статьи и мысли <BR>

Тег <BR> означает переход на новую строку, без разрыва текста.


<P ALIGN="center"> <a href="http://content.mail.ru/pages/p_18369.html">А это ссылка на рассылку :) "Создание сайтов"</a></P>

Тег <P> означает параграф. Текст, заключенный в этом теге, переносится на следующую строку с отступом от верхней. Ну а атрибут ALIGN нам уже знаком.

Ссылки в HTML задаются тегом <a> с атрибутом href="", где в кавычках указывается адрес документа, на который будет происходить переход по ссылке. Например, чтобы указать переход на rambler.ru, нужно использовать адрес "http://www.rambler.ru".

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

Всего доброго.

Присылать любые вопросы и предложения, связанные с курсом можно на e-mail : webcourse@mail.ru

Дружественные проекты:

http://content.mail.ru/pages/p_14475.html Компьютер.От начинающего к опытному пользователю.Легко и просто о компьютере. (compuser.h14.ru)

Thanks: PiF hproject for lol.


http://subscribe.ru/
http://subscribe.ru/feedback/
Подписан адрес:
Код этой рассылки: economics.education.webcourse

Другие рассылки этой тематики
Отписаться
Вспомнить пароль

В избранное