Как создать простую HTML-страницу

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

Итак, приступим…

1) Откройте простой текстовый редактор, например, Блокнот из ОС Windows или Notepad++ и внесите следующий HTML-код:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
<html>
<head>
<title>Моя простая HTML-страница</title>
</head>
<body>
<b>Привет Всем, кто попал на мою страницу!</b>
</body>
</html>

2) Сохраните файл в формате HTML. Для этого нажмите меню Файл – Сохранить как и задайте имя для сохраняемого файла, например, myweb.html.
3) Теперь вы можете открыть веб-страницу в браузере и посмотреть на результат.

Для этого перейдите в папку, где сохранена веб-страница и сделайте двойной щелчок мыши по значку файла. Как правило, по умолчанию, файл открывается в браузере IE, если Вы работаете в Windows. Но если Вы что-то меняли в системе, например, установили альтернативный веб-браузер, то html-файлы могут по умолчанию открываться уже не в IE, а в том браузере который Вы установили. Но это не имеет особого значения для нашего примера.

Теперь давайте разберемся с кодом веб-страницы.

Итак, вот основная структура HTML-кода нашей веб-страницы:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

Здесь <!DOCTYPE>-это тег, который указывает браузеру на тип текущего HTML-документа. В данном случае тег указывает браузеру, что код нужно интерпретировать согласно версии HTML 4.01, причем, соблюдая строгий синтаксис. О строгом синтаксисе говорит ссылка на файл strict.dtd.

Идем далее…

Теги <html></html> говорят браузеру о начале и соответственно конце html-документа.

Между тегами <head></head> размещается служебная информация с помощью специальных тегов. В данном случае с помощью тега <title> мы указали строку заголовка веб-страницы, которая отображается вверху окна браузера.

Все что находится между тегами <body> </body> является так называемым «телом» html-документа. То есть, информация размещенная между этими тегами предназначена для вывода на экран в основной области окна браузера.

В нашем примере выводится строка «Привет Всем, кто попал на мою страницу!» на экран. Эта строка выводится жирным шрифтом, благодаря тому что мы ее пометили тегом <b>. Тегом <b> обычно выделяют важные ключевые слова в текстах и они, как правило, отображаются жирным шрифтом. Вот мы и рассмотрели наш простой исходный HTML-код веб-страницы.

Основная структура HTML-документа используется и в сложных веб-страницах (это их основа). Поэтому знать ее нужно обязательно, чтобы уметь правильно писать коды веб-страниц.

Успехов!

Запись опубликована в рубрике HTML.
Теги: , , , , . Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>