Структура html документа

28 апреля 2020 - Администратор

Структура html документа

В этой статье мы познакомимся с общей структурой html документа. Научимся создавать и сохранять простейшую веб страницу.
Для любого документа HTML есть своя общая структура.
Структура любого  документа 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>

Первая строка в html  документе определяет тип документа и указывает версию HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Весь html документ заключается в тегах
 <html>
Содержание документа
</html>
Теги для заголовка html страницы
<head>
Заголовок документа
</head>

Для наименования  html страницы внутри тегов заголовка используются теги
  <title> Наименование веб страницы</title>
Наименование веб страницы отображается в браузере при открытии html страницы
Теги задающие тело html документа
<body>
Теги с содержимым веб страницы
</body>

Основные html теги для отображения текста в html странице 
Html теги абзаца 
<p> текст абзаца </p>
Html теги для заголовка
<h1>заголовок</h1>
Подробнее о форматировании текста в html страницах.
Атрибуты html тегов
Атрибуты тега задают определенные свойства и параметры отображения информации заключенной в данном теге.
Чтобы задать атрибут html тега, необходимо  в отрывающем теге указать название нужного атрибута после знака равно в кавычках указать его значение
<тег атрибут=”значение атрибута”> информация</тег>
Пример установки размера шрифта
<font size="6">Размер шрифта текста 6 </font>

Создание и сохранение html сайта 

Для каждого своего сайта создавайте отдельную папку, в ней вы будете размещать все страницы сайта и папку с графическими файлами.
Чтобы создать html страницу достаточно просто открыть документ в стандартном приложении блокнот. написать html код страницы  и сохранить его с расширением html. При сохранении выбирайте кодировку UTF-8. Для названия основной страницы сайта используйте название index.html

пример веб страницы

Пример простейшей Html страницы
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Мой сайт</title>
 </head>
 <body>
  <h1>Заголовок страницы</h1>
  <p>Первый абзац</p>
  <p><font size="6">Второй абзац Размер шрифта текста 6 </font></p>
 </body>
</html>

Чтобы посмотреть Вашу страницу, просто щелкните два раза на файле странице и она откроется в браузере.
пример веб html страницы

Вернуться к содержанию курса по html ^    Перейти к следующей теме форматирование текста в html >>

Полезно : Регистрация домена и размещение сайта на хостинге

Поделиться 

 
 
Комментарии (0)

Нет комментариев. Ваш будет первым!