Сайт поможет начинающему web-мастеру в создании вашей первой html-страницы. А более опытному мастеру, возможно, напомнит о каких то деталях. Основная тематика сайта - создание сайтов, HTML, web-программирование.

Основная структура html-страницы

Автор admin | Дата: 15.01.2008

Структура любой страницы имеет следующий вид:

<html>
<head>
<title>Заголовок</title>
</head>
<body>
Информация на странице (текст, таблицы, картинки и т.д.)
</body>
</html>

Наверное, вы уже догадались, что тег это конструкция вида <html>, <head>, <title> и т.д. Тогда, обратите внимание на еще один факт, теги в html – парные. Т.е. на каждый открывающий тег, должен быть свой закрывающий!

Примеры:

<b>жирный текст</b> тег <b> делает текст жирным, после того, как “жирное” оформление закончилось, вы должны поставить закрывающий тег </b>. Если забудете, то весь следом идущий текст будет жирным.

<i>наклонный текст</i> тег <i> делает текст наклонным, и т.д. если вы забудете про закрывающий тег - </i>, то весь текст будет наклонным.

Вернемся к нашим главным тегам. И рассмотрим их детально.

<html> - no comments, говорит о том, что мы работаем с html-страницей.
<head> - в данном блоке вводится вся служебная информация, например описание сайта, его ключевые слова, кодировка страницы и прочая информация, которая не выводится на странице, а нужна, например, для поисковых систем.
<title> - заголовок страницы, например Мой сайт, Главная страница и т.д.
</title> - закрывающий тег <title>
</head>- закрывающий тег <head>
<body> - что уж оно там значит на английском языке? Правильно, это тело страницы, все содержимое которое выводится на экран.

</body> - закрывающий тег
</html> - сами скажете?

Сделаем первую web-страницу по правилам?

<html>
<head>
<title>Главная страница</title>

</head>
<body>
Добро пожаловать на главную страницу сайта
</body>
</html>

Ctrl+S –> index.html и открываем любым браузером, например, Internet Explorer





Rambler's Top100

© 2008 HtmlGuide.ru. Все права защищены.
Design by Luka Cvrk