Самоучитель по HTML

Справочник HTML

Оглавление:

  1. С чего начать?
  2. тег <BODY>
  3. Комментарии
  4. Просмотр результата
  5. Создание абзацев
  6. Создание заголовков
  7. Выравнивание текста
  8. Тег <PRE>
  9. Форматирование текста
  10. Атрибуты шрифта
  11. Специальные символы и таблица UNICODE
  12. Тег <HR>
  13. Гиперссылки
  14. Ссылки на объект в текущем документе
  15. Вставка графических изображений
  16. Бегущая строка
  17. Создание списков
  18. Создание таблиц
  19. Фреймы
  20. Встроенный фрейм
  21. Создание форм

CSS

  1. Каскадные таблицы стилей
  2. Способы определения стилей
  3. Определение стилей через классы
  4. Определение стилей через индентификаторы
  5. Позиционирование элементов Web-страницы
  6. Шрифты
  7. Свойства текста
  8. Свойства блоков текста
  9. Цветовое оформление
  10. Создание полей в документе
  11. Абзацный отступ
  1. Корректное отображение Web-страницы
  2. Атрибуты тега <META>

Самоучитель по созданию Web-страниц

Язык HTML

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

С чего начать?

Перед тем, как начать создавать свой сайт, надо его себе чётко представить, где и как в нём будут располагаться те или иные объекты, а также проанализировать сайт с точки зрения пользователя, что б ему было удобно и понятно пользоваться услугами именно вашей Web-страницы. Если же удобство и комфорт для пользователей будут отсутствовать, то они просто не обратят на ваш сайт никакого внимания и найдут себе что-нибудь поинтересней.

Для создания Web-страницы вам понадобится какой-нибудь текстовый редактор. Если на вашем компьютере установлена операционная система Windows, то сгодится обычный Блокнот. Также существует множество других программ, которые позволяют быстро создавать Web-страницы с помощью метода WYSIWYG (What You See Is What You Get), но если вы хотите научиться создавать серьёзные web-узлы, то сначала надо научиться вручную писать HTML-код, а затем можно прибегнуть и к специальным программам. Поэтому предлагаю начинать с обычного Блокнота, что б быстро освоить HTML-код, а дальше сами решайте, с помощью чего вы будете создавать ваши web-страницы.

Итак, открываем блокнот и пишем там следующее: 

      <HTML>
         <HEAD>
            <TITLE>Простая web-страница</TITLE>
         </HEAD>
         <BODY>
            Это самая простая Web-страница
         </BODY>
      </HTML>
Затем сохраняем наш файл (то есть в Блокноте нажимаем "Файл", затем "Сохранить как...", в строке "Имя файла" вводим имя нашей страницы). Имя может быть любым, но с оканчанием *.html. Например, Web.html или My-Web-Page.html, или ещё как-нибудь, затем открываем наш только что созданный файл с помощью броузера (то есть обозревателя Web-страниц, таких как Internet Explorer, Opera и др.), и любуемся результатом (рис. 1).

простая Web-страница. HTML. Самоучитель
Рис. 1. Простая Web-страница

В данном HTML-коде мы видим такие штуковины, как <HTML>, <HEAD>, <TITLE>, <BODY>. Это теги. Они задают правила, по которым броузер будет отоброжать нашу Web-страницу. Теги начинаются с символа "<" и заканчиваются символом ">". Также сразу стоит уяснить, что любой НТМL-документ начинается с тега <HTML> и заканчивается тегом </HTML>. Тег <HTML> является открывающим данную команду, а тег </HTML> - закрывающим. Комбинация из открывающего и закрывающего тега (<HTML>...</HTML>) называется контейнером тегов. Существуют теги, которым не нужен закрывающий тег.

В нашем примере, помимо контейнера <HTML>...</HTML>, мы видим такие контейнеры тегов, как <HEAD>...</HEAD>, <TITLE>...</TITLE> и <BODY>...</BODY>. Любая Web-страница состоит как минимум из двух частей - это контейнера <HTML>...</HTML> и <HEAD>...</HEAD>. Контейнер <TITLE>...</TITLE>содержит название данной Web-страницы. Он всегда находится внутри контейнера <HEAD>...</HEAD>. Название ограничено 40 символами. Контейнер <BODY>...</BODY> заключает в себе документ, то есть всё то, что мы видим потом на экране.

HTML-код любой web-страницы вы можете увидеть с помощью выбора "просмотр HTML-кода" в меню своего броузера, либо открыв её с помощью текстового редактора, например, того же Блокнота.

Теги не чувствительны к регистру. Это означает, что, например, HTML-тег <HTML> будет воспринят броузером так же, как тег <html>, или <Html>, или <hTmL>.

Кроме тегов в языке HTML используется специальные управляющие символы. Например & - амперсант. Этот символ предназначен для вывода специальных символов и символов из расширенной кодовой таблицы (будет представлена далее), которые нельзя ввести с клавиатуры. Например, чтоб вывести на экран броузера тег <HTML>, вам придётся собрать его из отдельных частей. Сначала вводим &lt; (для "<"), затем пишем HTML, а потом рисуем закрывающую угловую скобку с помощью &gt; (для ">"). Вывод самого символа & (амперсант) осуществляется с помощью последовательности символов &amp;.

Если вы хотите разместить вашу Web-страницу в интернете, то название главной страницы должно быть index.html или default.html. Таким образом мы даём броузеру понять, какая страница должна загружаться в первую очередь при обращении пользователя к нашему сайту. Название же других страниц не имеет значения.


    Следующая страница


Вы можете свободно использовать фрагменты сайта, с условием размещения ссылки на наш сайт:
<a href="http://tri222.narod.ru"><b>Самоучитель по созданию Web-страниц.</b></a>

Copyright © 2008 "tri222.narod.ru"
Вопросы и свои предложения вы можете отправлять на tri222@yandex.ru

Хостинг от uCoz