Просмотр html-документа в браузере

По ходу изучения теоретического материала по языку HTML у некоторых пользователей возникает вопрос: как вставить html файл в web-обозреватель? Как, уже написанный html-код, просмотреть в браузере. Увидеть, так сказать, результат проделанной работы.

Как мы уже договорились пишем наш html-код в программе "Блокнот" (но никто не запрещает пользоваться и другими редакторами, "Notepad++" например, который даже более удобен).

И так, открываем программу "Блокнот" и пишем в нем какой нибудь html-код. Возьмем html-код из прошлого урока.

<!DOCTYPE html public "-//W3C//DTD html 4.01 Transitional//EN">

<html>

<head>

<title>заголовок документа (web-страницы)</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<meta name="Keywords" content="Ключевые слова">

<meta name="Description" content="Описание страницы">

</head>

<body>

 

</body>

</html>

Правда такой html-код нам ничего в браузере не выдаст. Необходимо между тегами <body> и </body> еще что нибудь прописать, например заголовок и пару абзацев:

<h1>HTML-документ в браузере</h1>

<p>Проверяем результат написания html-кода</p>

<p>Все работает</p>

Добавляем эти три строчки в наш html-код и получаем код такого вида:

<!DOCTYPE html public "-//W3C//DTD html 4.01 Transitional//EN">

<html>

<head>

<title>заголовок документа (web-страницы)</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<meta name="Keywords" content="Ключевые слова">

<meta name="Description" content="Описание страницы">

</head>

<body>

<h1>HTML-документ в браузере</h1>

<p>Проверяем результат написания html-кода</p>

<p>Все работает</p>

 

</body>

</html>

Сохраняем наш файл: жмем файл → сохранить как

 

html-документ в браузере

Сохранить как

В открывшемся окне выбираем папку в которую мы сохраним файл, прописываем имя файла (например dokument), меняем расширение файла .txt на .html, и тип файла ставим "Все файлы".

Просмотр в браузере

Жмем "Сохранить".

Чтобы открыть наш файл в браузере наводим указатель мыши на файл, кликаем правой кнопкой мыши, в открывшемся окне выбираем "Открыть с помощью" и выбираем браузер которым пользуемся.

Следующий урок — атрибуты и заголовки.