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

Сайтостроение (уроки по HTML, PHP, MySQL, веб-дизайну)

Рассылка закрыта

При закрытии подписчики были переданы в рассылку ""Свой сайт - это просто! Создание, продвижение, SEO"" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

  Март 2002   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
tmorozova.ru

Статистика

17.902 подписчиков
-41 за неделю
←   Все выпуски   →

Сайтостроение (уроки по HTML, PHP, mySQL , WEB-дизайн)


Служба Рассылок Subscribe.Ru

Сайтостроение. Основы HTML. Уроки с сайта http://progs.biz

Рассылка №1

Основы HTML. Урок 1. Что такое HTML?
Основы HTML. Урок 2. Структура HTML-документа.
Основы HTML. Урок 3. Знакомство с некоторыми тегами.
Основы HTML. Урок 4. О расширении HTML-файлов.
Полные версии уроков (с картинками) можно найти по адресам
Урок 1. Что такое HTML?
Урок 2. Структура HTML-документа.
Урок 3. Знакомство с некоторыми тегами.
Урок 4. О расширении HTML-файлов.

HTML. Урок 1. Что такое HTML?

HTML расшифровывается как HyperText Markup Language - язык гипертекстовой разметки. Язык этот служит для разметки WEB-страничек. Почти все странички в Интернете именно на нем и размечаются. Принцип действия этого языка разметки прост - различным способам оформеления элементов на страничке соответствуют так называемые теги. Например, если мы хотим, чтобы некоторый текст стал полужиным, то его заключаем на нашей страничке между тегами <b></b>. Например, так:

Определение <b>тега</b> - это...

Этот текст при просмотре WEB-страницы будет выглядеть так:

Определение тега - это...

Тегов в HTML не сликом много, и свои теги придумывать нельзя (появился, кстати, и другой язык разметки - XML. В нем уже можно вводить и свои теги).

HTML - это не язык программирования. Писать на нем программы нельзя. Язык этот предазначен только для разметки WEB-страниц. О том, что это не язык программирования, говорит, например, то, что в нем нет циклов (а настоящих языков программирования без циклов не бывает).

Но только что сказанное не означает, что на WEB-странице не может быть какого-нибудь программного кода. Может (это так называемые скрипты). Но скрипты пишутся уже не на HTML, а на скриптовых языках (например на JavaScript, VBScript или PHP). Но это уже тема другого раздела.

Если вы загрузили некоторую страничку из Интернета, то можно посмотреть и ее код. Например, в Internet Explorer'е это можно сделать так: заходим в меню View, далее выбираем Source. Откроется Блокнот, в котором вы и можете спокойно изучать, как устроена та или иная WEB-страничка.

Наверх

HTML. Урок 2. Структура HTML-документа

Каждый HTML-документ имеет определеную структуру. Структура эта повторяется почти у всех HTML-документов. Вот она:

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

</body>
</html>

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

<html>

а заканчиваться тегом

</html>

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

...
<head>
</head>
<body>
</body>
 ...

Назначение их следующее - внутри первой пары тегов (head) располагается разная служебная информация. Она, как правило, не отображается в браузере пользователя. Например там может располагаться информация об авторе документа, описание документа, список ключевых слов (для того, чтобы вашу страничку скорее находили с помощью поисковых машин). Здесь же располагается информация для кодировки (для русских страниц это актуально, так как существует несколько русских кодировок, и если браузеру не написать используемую кодировку явным образом, то он в зависимости от своей интеллектуальности может показать разные брякозябры).

Один же из элементов внутри тегов head показывается посетителю WEB-страницы. Показывается он, правда, не внутри WEB-страницы, а в заголовке браузера. Это содаржимое тега title. Что вы туда поместите, то и покажеться у браузера в заголовке. Например такой фрагмент:

...
 <title>Мой заголовок</title>
 ...

будет виден в заголовке браузера.

Теперь самая главная пара тегов - это теги body

...
<body>
Здесь вы располагаете свой текст
</body>
 ...

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

Наверх

HTML. Урок 3. Знакомство с некоторыми тегами

Как уже упоминалось, тегов существует не так уж и много. В этом уроке мы с вами рассмотрим самые распространенные из них. Но для начала несколько общих слов.

Во-первых, теги обычно распологаются парами. Это значит, что к открывающему тегу есть парный закрывающий. Закрывающий отличается от открывающего тем, что в нем есть символ /. Например, <sometag> будет открывающим тегом, а </sometag> - парным к нему закрывающим.

Во-вторых, разные пары тегов не должны частично перекрывать друг друга. Например, такое расположение будет неправильным (тег tag2 не лежит полностью внутри тега tag1):

...<tag1><tag2>...</tag1></tag2>...

А вот такое - правильным (тег tag2 полностью лежит внутри тега tag1):

...<tag1><tag2>...</tag2></tag1>...

Таким образом одна пара тегов должна обязательно целиком лежать внутри другой пары.

Теперь переходим к самым распространенным тегам.

Вот теги, влияющие на форматирование текста:

<b>...</b> - текст, расположенный между ними, будет полужирным

<i>...</i> - текст, расположенный между ними, будет наклонным

<u>...</u> - текст, расположенный между ними, будет подчеркнутым

Например, указанный фрагмент

...
Пример текста с разным форматированием:
<i>наклоный</i>,
<b>полужирный и <i>одновременно наклонный</i></b>,
<u>подчеркнутый</u>
 ...

будет выглядеть так:

Пример текста с разным форматированием: наклоный, полужирный и одновременно наклонный, подчеркнутый

Наверх

HTML. Урок 4. О расширении HTML-файлов

Для HTML-файлов стандартное расширение - это *.html. Не менее распространено и другое расширение - *.htm (видимо, оно возникло под влиянием Windows, где традиционно используются трехбуквенные расширения).

Этими двумя расширениями дело не ограничивается. Еще HTML код может содержаться в файлах с расширениями *.php и *.php3 (тогда, кроме HTML-кода в таком файле будут содержаться еще и куски кода на PHP), *.asp (для страничек с вкраплениями ASP) (PHP и ASP - это скриптовые языки, кторые позволяют вставить куски кода прямо в WEB-страничку. Посетитель такой WEB-странички все равно такой код не увидит, так как вместо него подставится результат выполнения такого кода, т. е. некоторый текст, теги HTML и т. п.). Еще одно возможное расширение для HTML-файлов - это *.shtml. Это расширение обычно относится к файлам, использующим технологию SSI (Server Side Includes - вставки на стороне сервера. По этой технологии WEB-страничка на сервере как бы собирается из отдельных кусков и только после этого пересылается клиенту). Но все эти технологии относятся к другим разделам на этом сайте, поэтому здесь в подробности мы вдаваться не будем.

Вообще же в принципе можно настроить WEB-сервер так, что он будет интерпретировать как WEB-страничку файл с любым расширением.

Наверх

Copyright Алексеев Игорь, 2002

Copyright сайт progs.biz, 2002

http://subscribe.ru/
E-mail: ask@subscribe.ru 		Отписаться
Убрать рекламу
В избранное