Создание сайта
Регистрация
Продвижение
Монетизация
Облако тегов

Требуется для просмотраFlash Player 9 или выше.

Показать все теги

Главная » Создание сайта » HTML » Учебник HTML для начинающих. Блочная верстка

Учебник HTML для начинающих. Блочная верстка
Раздел: Создание сайта » HTML  
14 июня 2009   |   автор: admin Оставить комментарий



 

 

Урок 4. Создаем первый веб-сайт

 

У вас уже достаточно знаний, чтобы приступить к созданию своего первого веб-сайта.

 

Запустите браузер и откройте приложение «Блокнот».

 

Затем создайте папку. Назовите ее «Мой сайт».

 

После этого сохраните файл «Блокнота» с названием index.html

 

Учебник HTML для начинающих. Блочная верстка

 

Когда приготовления сделаны, начнем создавать веб-сайт.

 

Откройте в «Блокноте» свой файл index.html.

 

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

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

В структуре HTML документа выделяются два основные блока. Для этого используются две пары тэгов: и . Тэг - это шапка документа, он содержит служебную информацию. Тэг - тело, в нем располагается содержимое документа. Внесите их между тэгами и . У вас должно получиться следующее:

 




 

 

Отступы и перенос строк используется для структурирования документа. Это позволяет легче читать код. Хотя даже записанный в одну строку он будет выполнен браузером.

 

Наполнение сайта содержимым.

 

После того как вы создали структуру документа, можно приступить к наполнению его содержимым.

 

Сначала заполним шапку. Укажем название вашего сайта, которое будет отображаться в верней строке браузера. Для этого используется тэг , его мы располагаем после тэга .

 

<title>Мой первый веб-сайт</title>

 

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

Чтобы на странице вашего сайта появилась надпись: «Это моя первая страница!», следует после тэга написать следующее:

 

 

<p>Это моя первая страница!</p>

 

Где

- тэг параграфа текста.

 

Задание.

 

Поэкспериментируйте, используя тэги

,

,

. Попробуйте вставить тэг , он сделает шрифт жирным.


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

 

Не забывайте сохранять свой документ и обновлять страницу браузера, иначе изменений вы не увидите.

 

Код вашей страницы будет выглядеть примерно следующим образом:

 



Мой первый веб-сайт


Это моя первая страница!


Это моя первая страница!


Это моя первая страница!


Это моя первая страница!

Это моя первая страница!

 

А в браузере это будет выглядеть так:

 

Учебник HTML для начинающих. Блочная верстка

 

 

Далее... Урок5. Продолжаем изучать тэги

 

 

Вернуться к Оглавлению 

 


Ключевые теги: Учебник HTML, Блоки, div, блочная верстка
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
web-lesson.ru
Добавление комментария
Ваше Имя:
Ваш E-Mail:
Код:
Введите код