Как создавать веб-страницу?

2 ноября 2014 г. Просмотров: 456 Инструкции
Каждый из нас выходит в интернет как в космос - сначала хочется посмотреть «как там?», потом хочется осмотреть как можно больше всего, что там есть, а затем возникает желание оставить там что-то свое собственное - не просто «надписи на стенах», а нечто более существенное. Начать можно с создания простой веб-страницы - ниже изложена пошаговая инструкция.
Создать сайт самостоятельно с Wix.com

Вам понадобится

  • Текстовый редактор.

Инструкция

  • Все, что посетитель сайта видит на веб-странице, воссоздается браузером из инструкций, присланных по его запросу сервером. Эти инструкции написаны на языке HTML (HyperText Markup Language - «язык разметки гипертекста») и для файлов, в которых они хранятся, выделены расширения htm и html. Создать такой файл вы можете в обычном текстовом редакторе - это будет первым шагом создания веб-страницы. Откройте, например, стандартный Блокнот, и создайте пустой файл с именем index.html. Когда вы набираете адрес сайта, не указывая конкретную страницу (например, http://kakprosto.ru), сервер первым делом ищет страницу именно с таким названием - index.
  • Инструкции языка HTML называют «тегами» и каждый из них заключен в такие скобки - . Некоторые из тегов - парные, то есть состоят из открывающего и закрывающего тегов, а между ними размещается информация. Например, тег, дающий браузеру понять, что ниже размещен код именно на языке HTML, пишется так:Закрывающий тег, сообщающий, что в этом месте код HTML закончен, пишется так:Как видите, закрывающий тег отличается от открывающего наличием значка слэша после открывающей скобки (
  • Весь код, который вы поместите между тегами и , должен быть разбит на две части - заголовочную и тело документа. Открывающий и закрывающий теги заголовочной части пишутся так:Это «служебная» часть страницы - здесь размещается информация для заголовка окна, ключевые слова и описания для поисковых роботов, описания стилей, скрипты и т.д. Впишите в нее заголовок окна страницы:Это заголовок!Полный текст вашей html-страницы на этот момент должен выглядеть так:
  • Это заголовок!

  • После заголовочной части вам нужно разместить теги, между которыми будут заключены инструкции тела документа:Впишите между ними, например, тег, выводящий на страницу параграф текста:

    Здесь целый параграф информации!

    Не все теги языка HTML - парные. У некоторых из них все необходимое размещено внутри открывающего тега. У таких тегов закрывающий слэш ставится перед закрывающей скобкой. Например, тег окончания строки и «перевода каретки»
  • :

    Первая строка параграфа.

    Вторая строка параграфа.

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

    Это заголовок!

    Первая строка параграфа.

    Вторая строка параграфа.

    На этом создание простой страницы закончено - сохранив документ (index.html), вы можете открыть его в браузере и увидеть свою страницу.

    Оцените статью!