Самоучитель по HTML, Введение.

Что такое HTML? HTML -это английская аббревиатура, которая обозначает Гипер Текстовый Язык Разметки. Проще говоря HTML предназначен для разметки текста на странице. Все что вы видите на странице это все сделано при помощи HTML.

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

HTML относится к клиентским языкам. т.е. не требует ни каких специальных серверов для обучения. В общем HTML-файлы можно создавать где угодно, например на раболем столе, но не стоит разводить в своем компьютере хаос и поэтому порядок прежде всего!!! Перед началом работы мы создадим на нашем компьютере отдельную папку для обучения.
D:\my_site\
У себя на компьютере я создал такую папку на диске D, и назвал ее my_site.
Вы, можете создать вашу папку, где угодно, и назвать ее, как угодно.
Теперь откроем блокнот(notepad) (start ⇒ programs ⇒ accessories ⇒ notepad или пуск ⇒ программы ⇒ стандартные ⇒ блокнот или любой другой текстовый редактор) и наберем там следующий текст:

        <html>
        <head>
        <title>моя первая страница</title>
        </head>
        <body  >
         Ура получилось!!!
        </body>
        </html>

Сохраним этот документ, присвоив ему имя *.html
D:\my_site\index.html

они пишут письма, о том, что у них получается сохранить, только как текстовой документ *.txt, а вот как *. html - никак. Чтобы в дальнейшем избежать этого глупого недоразумения, я и пишу это примечание.
Если вы сохраняете документ, через Файл ⇒ Сохранить (File ⇒ Save), то, естественно, что он сохраняется как *.txt. Надо сохранять ваш документ следующим образом:
- Файл ⇒ Сохранить Как (File ⇒ Save as)
- Дальше вводите имя своего документа, например: index.html (а не просто index; приписочка *.html должна быть обязательно).
- Если вы уже сохранили ваш документ, как *.html, то при внесении изменений в этот документ вы можете уже сохранять их через Файл -> Сохранить (File -> Save).

Если у вас не получилось сохранить с расширением .html, то просмотрите следующие 2 страницы:
1)Как сохранить файл с расширением .HTML откроется в новом окне.
2)Как редактировать HTML-файл откроется в новом окне.
Эти страницы представляют из себя скрины с пошаговым описанием.

Теперь откроем браузер, на пример, Internet Explorer, и откроем в браузере наш документ.
Файл ⇒ Открыть ⇒ кнопка Обзор ⇒ Наш документ (index.html)
File ⇒ Open ⇒ Browse ⇒ index.html или если у вас открыта ваша для обучения щёлкните по вашему файлу 2 раза и произойдет тоже самое.
Если мы чего-то изменим в нашем *.html документе (в блокноте), то, чтобы посмотреть, как это выглядит в нашем броузере, надо не забывать нажимать в броузере кнопку ОБНОВИТЬ. Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ.

Посмотрим теперь, что у нас получилось, и разберемся, как оно так получилось...
Далее разберемся что такое теги и атрибуты на нашем шаблоне:

        <html>
        <head>
        <title>моя первая страница</title>
        </head>
        <body  >

         Ура получилось!!!
        </body>
        </html>
<html> - это тег, предназначен для того что-бы ваш браузер(InternetExplorer или любой другой) понимал как обрабатывать даный файл.
<head> - это тоже тег, в переводе с английского "head" - голова. Как и у человека там размещены мозги (т.е. вся важная информация: кодировки, ключевые слова для поисковых систем и многое другое, на даный момент это для вас не важно, а я не хочу забегать вперёд.
<title> - это тоже тег, означающий общий заголовок страницы.
<body > - это тоже тег, означающий тело страницы, т.е. всё то что вы видите сейчас.
Закончим наш разговор о тэгах, в общем.
<тэг> </тэг> - не просто тэг, это контейнер - тэг, который может содержать внутри себя другие тэги (и текст), а тег типа </head>, </body> или </html> т.е теги с прямым сплешем означают, что их действие с этого места окончены . И ещё если дальше я говорю: "пишем код", а привожу просто текст с тэгами, ток код вставляем между <body > и </body> , вот так:
       <body>
      код
       </body>


Обратите внимание:
<тэг1><тэг2><тэг3> ... </тэг3></тэг2></тэг1>

Только такая очередность закрывающих тэгов верна: тэг, который мы открыли первым - закрываем последним, второй предпоследним и т.д.

Т.е. следующая очередность нежелательна и не верна, она может привести к ошибкам на вашей страничке:

<тэг1><тэг2><тэг3> ... </тэг3></тэг1> </тэг2>

Так что пишите код своих страничек внимательно .
Перейти к выбору следующей страницы