| <html> <head> <title> </title> </head> <body> </body> |
заголовок html заголовок страницы тело документа |
<html>
<head>
<title>Первая страница</title>
</head>
<body>Hello Word</body>
</html>
Сохраняем нашу страницу, для этого нажимаем Файл-Сохранить как-имя файла first.html где тип указываем все-Сохранить. После сохраниения открываем файл браузером, например Internet explorer. Результат а именно первая страница должна получиться следующей(рис2).
рис1 рис2
Теперь, когда мы научились создавать простейшие Web страницы, надо обратить внимание на правильность оформления документа.
Информация о версии HTML содержится в теге <! DOCTYPE>, открывающем HTML-документ. Содержимое этого тега на экране не отображается. Тег <!DOCTYPE> заимствован из набора средств обобщенного языка SGML и определяет тип документа. Этот тег вынесен за пределы контейнера HTML, поскольку стандарт HTML не предусматривает отдельных элементов для описания используемой версий HTML. Язык SGML использует стандарт DTD (Document Type Definition - определение типа документа), который задает синтаксис элементов и атрибутов.
В теге <! DOCTYPE> указываются версия HTML и стандарт DTD, либо его версия. В случае создания страниц при помощи Microsoft Office SharePoint Designer строка с тегом <! DOCTYPE> генерируется автоматически и выглядит так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Применим тег <! DOCTYPE> для нашей первой страницы и посмотрим результат.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Первая страница</title>
</head>
<body>Hello Word</body>
</html>
Недавно появился новый стандарт - HTML 5. Отличается он множеством новых тегов, а значит и новыми возможностями. Параллельно с HTML 5 идет и CSS 3.0. Большой минус - поддержка браузеров. Сейчас HTML 5 и CSS 3.0 полноценно работают в Google Chrome и Safari. В стандарте HTML 5 изменилась структура документа.
<!DOCTYPE HTML>
<html>
<head>
<title>Первая страница</title>
</head>
<body>Hello Word</body>
</html>
Выводы: Мы рассмотрели структуру Web-страницы и создали несколько вариантов наших первых страниц. На следующих занятиях попробуем форматирование текста.
