Рубрики
Уроки HTML

Уроки HTML. Первая страница

Создание веб-страницы:
1. Создайте и сохраните в текстовом редакторе (Notepad — Блокнот, Notepad++, PHP Editor и т.п.) файл с расширением .html (или .htm).
2. Откройте в текстовом редакторе файл, созданный в пункте 1, и в первой строке наберите:
<!DOCTYPE HTML>
3. В следующей строке наберите:
<HTML>
4. Здесь остальные части веб-страницы
5. В последней строке наберите:
</HTML>

Код большинства веб-страниц делится на две части: головная часть (HEAD) и тело (BODY). В головной части приводится различная «служебная» информация, например, информация необходимая для корректной работы браузера. Единственный элемент из головной части, который заметен посетителю страницы, это заголовок (TITLE).

Для создания головной части и заголовка нужно набрать:
1. Сразу после строки с тегом <HTML>
<HEAD>
2. <TITLE>
3. Текст заголовка
4. </TITLE>
5. </HEAD>

Для создания тела веб-страницы нужно набрать:
1. Сразу после строки с тегом </HEAD>:
<BODY>
2. Все, что должно быть на веб-странице
3. </BODY>

Итак, сравните, получилось ли в вашем файле как здесь:

<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>
Ваш заголовок
</TITLE>
</HEAD>
<BODY>
Содержимое веб-страницы
</BODY>
</HTML>

Сохраните файл. Запустите браузер и откройте в нем сохраненный html-файл.

Вот мы и получили первую веб-страницу.

Примечания:
1. Тегов HTML, HEAD, TITLE и BODY на странице должно быть строго по одной паре.
2. Заголовок в части TITLE не может иметь оформлений или ссылок на другие страницы.
3. Рекомендуется начинать заголовки всех страниц одного сайта одинаково. Например, Мой сайт — …
4. Можете пользоваться созданным файлом как шаблоном, то есть для создания новых страниц копировать/вставлять этот файл.

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

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