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

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

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

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

Инструкция

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

Инструкции языка HTML называют «тегами» и каждый из них заключен в такие скобки - . Некоторые из тегов - парные, то есть состоят из открывающего и закрывающего тегов, а между ними размещается информация. Например, тег, дающий браузеру понять, что ниже размещен код именно на языке HTML, пишется так:Закрывающий тег, сообщающий, что в этом месте код HTML закончен, пишется так:Как видите, закрывающий тег отличается от открывающего наличием значка слэша после открывающей скобки (

Весь код, который вы поместите между тегами и , должен быть разбит на две части - заголовочную и тело документа. Открывающий и закрывающий теги заголовочной части пишутся так:Это «служебная» часть страницы - здесь размещается информация для заголовка окна, ключевые слова и описания для поисковых роботов, описания стилей, скрипты и т.д. Впишите в нее заголовок окна страницы:Это заголовок!Полный текст вашей html-страницы на этот момент должен выглядеть так:

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

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

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

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

:

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

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

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

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

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

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

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

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