Меню

Популярное

Чатилка

Архив

Голосование

Оцените мой сайт
Всего ответов: 11

Реклама

Главная » 2009 » Май » 01 » Создание вашей первой Web-страницы
Создание вашей первой Web-страницы
19:00

Приступим...

Web страницы или документы html можно создавать в любом текстовом редакторе (включая Microsoft Notepad, DOS edit, Mac SimpleText и UNIX vi). Навернятка на вашем компьютере уже установлен один из перечисленных текстовых редакторов, даже если вы ранее не знали о его наличии и никогда не использовали.

Необходимые элементы

Чтобы увидеть как выглядят коды html, и познакомиться с наиболее часто используемыми тегами, взгляните на предельно простой документ html, открытый в окне программы Microsoft Notepad. Вы можете набрать тот же текст в своем редакторе, чтобы повторить приведенный здесь пример.

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

  • Пара тегом <head> и </head> применяются для обозначения любой информации о самом документе html. Как добавлять эту информацию вы узнате чуть позжею
  • Теги <title> и </title> предназначены для добавления заголовка, отображаемого в строке заголовка Web-браузераю Строкой заголовка называется цветная полоса вдоль верхнего края окна любого приложения, где указыается название данного приложения.
  • Теги <body> и </body> применяются для обозначения любого текста, отобразаемого на странице html.

Все html-документы состоят из двух частей: описательной и основной. Поскольку заголовок содержит информацию о самом документе, теги <title> и </title> помещаются внутри тегов <head> и </head>.

Еще одна страница

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

<html>
<head>
<title>Моя вторая Web-страница</title>
<body>
</body>
<p>Это моя вторая Web-страница</p>
</html>

Сохранение и просмотр страницы

Чтобы созданную Web-страницу можно было просмотреть в окне браузера, ее прежде всего необходимо сохранить. Поскольку сохраняемый файл является документом html, укажите для него расширение htm или html (напримерб first.html), что позволит в дальнейшем сразу же определять его тип.

Созданные документы html вы всегда сможете просматривать в окне своего Web-браузераб даже если файлы этих документов сохранены на вашем компьютереб а не на Web-серверею Чтобы просмотреть файл в окне браузера Internet Explorer, в меню Файл выберите команду Открыть.

Обязательные элемнты документа XHTML

В языке ЧРЕЬДб более новой версии html, есть еще один обязательные для создаваемых Web-страниц элемент - тег <!DOCTYPE>. Этот тег указывается в верхней части файла и идентифицирует текущий документ html как удовлетворяющий требованиям XHTML. Если вы создаете XHTML-совместимый документб он может выглядеть приблизительно так:

<!DOCTYPE html
          PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
          xml:lang="en" lang="en">
<head>
<title>Моя XHTML страница</title>
<body>
</body>
<p>Это моя первая XHTML страница.</p>
</html>

Тег <!DOCTYPE>
 имеет три разновидности: Strict, Transitional и Frameset. В верхней части html-документа вы декларируете, какую именно из них хотите использовать.

  • Strict . Применяйте эту разновидность тега лишь в том случае, если точно уверены, что все посетители вашей Web-страницы используют новые Web-браузерыб способные корректно интерпретировать таблицы стилей. Разновидность Strict выглядит следующим образом:

    <!DOCTYPE html
              PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
    strict.dtd">

  • Transitional. Применяйте эту разновидность, если вы знаете точно, какие именно программные средства будут использоваться для просмотра вашей Web-страницы.

    <!DOCTYPE html
              PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
    transitional.dtd">

  • Frameset. Применяйте эту разновидность, работая с фреймами. Подробнее фреймы рассматриватся будут позже.

    <!DOCTYPE html
              PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
    frameset.dtd">

Обратите внимание еще на одно отлтчие кодов XHTML от обычных документов HTML: у тега <html> появилось три новых атрибута: xmlns, xml:lang и lang. В случае применения HTML вам достаточно было вклюить тег <html>, чтобы идентифицировать файл как html-документ, однако в данном случае требуется добавление атрибута xmlns, подключаемого документ к определению W3C языка XHTML, которое по-прежнему продолжает эволюционировать. Пока же запомните о необходимости включения тега <!DOCTYPE> и полного тега <html> в коды всех своих Web-страниц.

На сегодня все, увидимся в следующем уроке! :)

Просмотров: 627 | Добавил: rublenok | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:

Профиль

Привет: Гость

Сообщения:

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Вход

Календарь

«  Май 2009  »
Пн Вт Ср Чт Пт Сб Вс
    123
45678910
11121314151617
18192021222324
25262728293031

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Друзья

Rambler's Top100

Все для uCoz. ForuCoz.com

V1T.RU

Реклама в

Graffiti Decorations(R) Studio (TM) Site Promoter

Доска почета

rublenok
Полное имя: Ильяс
Личный номер: 1
Репутация: 0
Группа: Администраторы
Ранг: Генералиссимус
rublenok-93
Полное имя: Ильяс
Личный номер: 2
Репутация: 0
Группа: Пользователи
Ранг: Рядовой
Продвинутий_User
Полное имя: Andrew Prayzner
Личный номер: 3
Репутация: 0
Группа: Пользователи
Ранг: Рядовой