Просмотр 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>
Сохраняем наш файл: жмем файл → сохранить как
В открывшемся окне выбираем папку в которую мы сохраним файл, прописываем имя файла (например dokument), меняем расширение файла .txt на .html, и тип файла ставим "Все файлы".
Жмем "Сохранить".
Чтобы открыть наш файл в браузере наводим указатель мыши на файл, кликаем правой кнопкой мыши, в открывшемся окне выбираем "Открыть с помощью" и выбираем браузер которым пользуемся.
Следующий урок — атрибуты и заголовки.
|
