Rambler's Top100

КАК СОЗДАТЬ СТРАНИЦУ HTML

Создать простую страницу-html очень легко, вы в этом скоро убедитесь. Пишутся страницы в любом текстовом блокноте кодом, код состоит из тегов, которые дают указание браузеру выполнять те или иные действия

Создайте на рабочем столе или в любом другом месте папку, в которую будете складывать все файлы в процессе обучения, дайте имя папки, например "Уроки html"

Откройте текстовый редактор Notepad++, если у вас нет этого редактора, можно скачать с официального сайта, редактор бесплатен http://notepad-plus-plus.org/download/v6.5.3.html

Любая HTML-страница начинается с элемента DOCTYPE, который будет указывать браузеру к какой версии html относится страница, более подробно узнать о DOCTYPE вы можете набрав в поисковой строке Яндекса вопрос - "что такое DOCTYPE", а сейчас просто выделите и скопируйте код красного цвета и вставте в свой блокнот, этим кодом мы указываем браузеру, что версия нашего HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Затем впишите открывающий и закрывающий тег html, обозначающий начало и конец страницы
<html>
</html>

Далее между тегами html вставлеем открывающий и закрывающий тег head, условно обозначающий голову страницы, между тегами head пишутся служебные команды, подключаются скрипты, css файлы и так далее
<html>
<head> </head>
</html>

Затем между тегами head, внесите открывающий и закрывающий тег title, между этими тегами пишется название страницы, которое будет отображаться вверху браузера и в названии открытой вкладки
<html>
<head>
<title>
создание страницы HTML</title>
</head>
</html>

После тегов title, внесите мета-тег обозначающий кодировку страницы
<html>
<head>
<title>
создание страницы HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
</html>

И далее после закрывающего тега </head>, внесите открывающий и закрывающий тег body, обозначающий тело страницы
<html>
<head>
<title>
создание страницы HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
</body>
</html>

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

Чтобы страница отображалась на русском языке, нужно установить правильную кодировку, для этого в меню текстового редактора Notepad++ ,нажимаете на пункт "Кодировки" и из выпавшего списка выбираете пункт "Преобразовать в UTF-8 без BOM"

Этим кодом мы создали страницу html. Теперь надо сохранить эту страницу в формате html. В меню текстового редактора нажмите Файл/Сохранить как.., в открывшемся окне выберите место для сохранения файла. У нас это рабочий стол, укажите папку в которой будет лежать файл - это папка "Уроки HTML", внизу в строке Имя файла, внесите page.html и нажмите на кнопку "Сохранить"

Сохранение документа

В папке "Уроки HTML", в зависимости от браузера,установленного у вас, появится одна из этих иконок, изображенных на картинке.

Чтобы открыть и посмотреть на созданную страницу, нажмите на иконку правой кнопкой мыши и в выпавшем списке выберите "Открыть". Страница откроется в браузере, правда пока она пустая, и понять что открылась именно та страница, которую вы создали, можно только по тексту, вверху браузера и на вкладке, который написан между тегами <TITLE>Создание страницы html</TITLE>

 

   Страницы по теме: ОСНОВЫ HTML

1. Как создать страницу HTML   2. Работа с текстом   3. Как вставлять картинки

4. Как сделать ссылки на странице   5. Как создать таблицу   6. Списки на сайте

Rambler's Top100 Яндекс цитирования