Главная   Живопись   Миниатюра   Игры   Скачай   Заработай    Flash 5   JavaScript   Карандаши      Партнеры    Создай свой сайт     Прикольные фото    Клавиатура   Гостевая книга    Почта    Форум

 Первый урок   Второй урок   Третий урок   Четвёртый урок   Пятый урок   Шестой урок

Google

Первый урок

Как создать свой сайт?

Многие задавали себе этот вопрос. Для того, чтобы создать свой сайт, необходимо знать язык HTML. Что такое HTML ( ЭЙЧ-ТИ-ЭМ-ЭЛ )?

Что нужно для изучения HTML?

Хороший вопрос. Ответ будет довольно простым - любой текстовый редактор, ( Самый лучший на мой взгляд  - это обычный Блокнот) ну и самое главное - это ваше желание. Если у Вас таковое имеется, давайте приступим к изучению HTML.

Структура HTML

Прежде всего хочу пояснить что HTML документ состоит из тегов, из которых и собирается вся интернет страничка. Тэг - это единица HTML-кода. Например, <HTML>,<HEAD>,<TITLE> и так далее, все это и есть теги. Тэги бывают открывающими и закрывающими. Открывающиеся были перечислены выше. Всем им соответствуют закрывающиеся теги, например: </HTML>, </HEAD>, </TITLE>. 

Структура  самого простого HTML документа имеет следующий вид:


<HTML>
   <HEAD>
     <TITLE>ЗАГОЛОВОК ДОКУМЕНТА </TITLE>
   </HEAD>
  <BODY>
    ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ
  </BODY>
</HTML>
 

  Перепечатайте данный код и сохраните его например UROK1.HTM ( название файла должно состоять из латинских букв или цифр, расширение файла должно быть ИМЯ.HTM либо ИМЯ.HTML ). Затем запускаем интернет обозреватель и открываем сохраненный нами файл.

 Теперь подробнее познакомимся с каждым тегом.

Любой HTML документ должен начинаться с тега <HTML> и заканчиваться тегом </HTML>. Это дает понять интернет обозревателю, что это действительно HTML документ, а не MP3 ( музыка ), или GIF ( картинка ).

Далее следует тег <HEAD>. Все что находится между этим тегом, является служебной информацией. Она не отображается на самой страничке, но играет большую роль для поисковых машин. В нем пишутся: ключевые слова страницы, ее название, автор страницы, и другая служебная информация, с которой мы познакомимся на следующих уроках.

Следующий тег - <TITLE>, он как раз и определяет название страницы. Оно отображается в самом верхнем левом угле окна. Например название этой страницы:

<<Структура HTML. Уроки HTML. Мануал HTML. Учебник HTML>>.

Её я сделал следующим образом:


<TITLE>Структура HTML. Уроки HTML. Мануал HTML. Учебник HTML</TITLE>
 


Далее следует закрывающийся тег </TITLE>. Он говорит что название документа закончилось.

За ним следует другой закрывающийся тег - </HEAD>. Он в свою очередь говорит, что завершена служебная информация.

Далее между открывающимся тегом <BODY>  и закрывающимся </BODY>, следует информация, располагаемая на самой странице, ту которую мы видим. ( Текс, рисунки, ... ). В приведенном нами коде 


<HTML>
   <HEAD>
     <TITLE>ЗАГОЛОВОК ДОКУМЕНТА </TITLE>
   </HEAD>
  <BODY>
    ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ
  </BODY>
</HTML>
 

 это текст: <<ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ >>.

Ну и в конце, как говорилось ранее, закрывающийся тег </HTML>. Он говорит о завершении страницы.

Схематически весь наш HTML документ будет выглядеть так:

<HTML>
Начало документа.

<HEAD>
Служебная информация. ( Название страницы, ее автор, ключевые слова, и т.д. )
</HEAD>

<BODY>
Тело документа. ( Все, что видно на страничке - текс, рисунки, и т.д. )
</BODY>

</HTML>
Конец документа.

На этом, наш первый урок завершен. Переходим на второй урок.

назад

 

 Первый урок   Второй урок   Третий урок   Четвёртый урок   Пятый урок   Шестой урок

 

Главная   Живопись   Миниатюра   Игры   Скачай   Заработай    Flash 5   JavaScript   Карандаши      Партнеры    Создай свой сайт     Прикольные фото    Клавиатура   Гостевая книга    Почта    Форум

Сайт управляется системой uCoz