Вам понадобится
  • Текстовый редактор.
Инструкция
1
Все, что посетитель сайта видит на веб-странице, воссоздается браузером из инструкций, присланных по его запросу сервером. Эти инструкции написаны на языке HTML (HyperText Markup Language - «язык разметки гипертекста») и для файлов, в которых они хранятся, выделены расширения htm и html. Создать такой файл вы можете в обычном текстовом редакторе - это будет первым шагом создания веб-страницы. Откройте, например, стандартный Блокнот, и создайте пустой файл с именем index.html. Когда вы набираете адрес сайта, не указывая конкретную страницу (например, сервер первым делом ищет страницу именно с таким названием - index.
2
Инструкции языка HTML называют «тегами» и каждый из них заключен в такие скобки - <>. Некоторые из тегов - парные, то есть состоят из открывающего и закрывающего тегов, а между ними размещается информация. Например, тег, дающий браузеру понять, что ниже размещен код именно на языке HTML, пишется так:<HTML>Закрывающий тег, сообщающий, что в этом месте код HTML закончен, пишется так:</HTML>Как видите, закрывающий тег отличается от открывающего наличием значка слэша после открывающей скобки (</).
3
Весь код, который вы поместите между тегами <HTML> и </HTML>, должен быть разбит на две части - заголовочную и тело документа. Открывающий и закрывающий теги заголовочной части пишутся так:<HEAD></HEAD>Это «служебная» часть страницы - здесь размещается информация для заголовка окна, ключевые слова и описания для поисковых роботов, описания стилей, скрипты и т.д. Впишите в нее заголовок окна страницы:<TITLE>Это заголовок!</TITLE>Полный текст вашей html-страницы на этот момент должен выглядеть так:</HTML>
<HEAD>
<TITLE>Это заголовок!</TITLE>
</HEAD>
<HTML>
4
После заголовочной части вам нужно разместить теги, между которыми будут заключены инструкции тела документа:<BODY></BODY>Впишите между ними, например, тег, выводящий на страницу параграф текста:<P> Здесь целый параграф информации! </P>Не все теги языка HTML - парные. У некоторых из них все необходимое размещено внутри открывающего тега. У таких тегов закрывающий слэш ставится перед закрывающей скобкой. Например, тег окончания строки и «перевода каретки» <br />:<br /><P>
Первая строка параграфа.
<br />
Вторая строка параграфа.
</P>Всего этого достаточно, чтобы браузер нормально отобразил вашу страницу. Весь html-код в сборе должен выглядеть так:</HTML>
<HEAD>
<TITLE>Это заголовок!</TITLE>
</HEAD>
<BODY>
<P>
Первая строка параграфа.
<br />
Вторая строка параграфа.
</P>
</BODY>
<HTML>На этом создание простой страницы закончено - сохранив документ (index.html), вы можете открыть его в браузере и увидеть свою страницу.