Структура тега html: Структура html страницы.
Содержание
Структура html страницы.
Урок 4.
Теперь Вы знаете, что такое теги и сейчас самое время разобраться в структуре html страницы. На рисунке ниже изображен html код в котором нет текста, есть только три тега. Это тег <html>, <head> и <body>. Все эти три тега должны обязательно закрываться.
Именно эти три тега и составляют структуру html страницы. Они должны обязательно присутствовать в каждом html документе. Это железное правило.
Разберем значение каждого из этих тегов.
Тег <html> является контейнером для всего содержимого страницы. Другими словами, весь код страницы находиться между открывающимся <html> и закрывающимся </html>.
В тег <head> заключается служебная информация для браузера и поисковых систем. Эта информация никак не отображается браузером на экране монитора. Исключение составляет тег <title> </title>. О нем мы поговорим в конце этого урока.
Тег <body> — это основное тело нашего документа. Все, что находится между тегами <body> и </body> будет выводиться браузером на экран монитора.
Вся суть структуры html страницы в этом рисунке:
Тег <title>
Тег <title> закрывающийся, внутри него указывается название страницы. Данный тег является обязательным для каждой страницы. Он должен находиться строго между <head> и </head>.
Давайте вернемся к странице которую мы создавали на 3-ем уроке. В коде между <title> и </title> написано «Мой первый сайт» это значит, что наша страница имеет название «Мой первый сайт».
Содержимое тега <title> отображается на экране, а именно в окне браузера, обратите внимание на рисунок:
В первую очередь содержание данного тега имеет значение для поисковиков (Яндекс, Гугл и др.). Поисковые роботы считывают содержание тега <title> для того чтобы понимать о чем ваша страница.
Вы что-то не поняли из этого урока? Спрашивайте!
— [email protected]
ВАДИМ, ТЫ ОЧЕНЬ СИЛЬНО МНЕ ПОМОГ, Я ХОЧУ ОТБЛАГОДАРИТЬ ТЕБЯ
Основные теги HTML, структура html страницы
HTML(HyperText Markup Language) – это язык разметки гипертекста. Язык разметки используется для придания структуры интернет-странице, сайту. Язык разметки не несет в себе оформление, а выполняет задачи структурирования. Структура задается с помощью специальных элементов — меток, понятных браузеру. Эти метки называются тегами – от англ. слова tag — именованная метка.
Гипертекст – это документ, разметка которого выполнена с помощью языка HTML. Термин «гипертекст» изначально был введён Тедом Нельсоном для обозначения текста, «который разветвляется сам по себе или выполняет действие по запросу».
HTML документ – это обычный текстовый файл, который имеет специальную структуру. При открытии интернет-браузер обрабатывает этот документ, в результате чего мы с вами видим привычные для нас интернет-страницы, где есть текст, картинки, ссылки, и т.д. Интернет-страницы имеют расширение – html.
Рассмотрим структуру простого HTML документа
<!DOCTYPE html>
<html lang=»ru»>
<head>
<meta charset=»UTF-8″>
<title>Document</title>
</head>
<body>
</body>
</html>
|
| <!DOCTYPE html> <html lang=»ru»> <head> <meta charset=»UTF-8″> <title>Document</title> </head> <body>
</body> </html> |
Строка <html> называется тегом. Вообще, все, что заключено в символы <> называется тегом. Данные символы — служебные в языке HTML. Теги бывают двух видов:
- Парные — данные теги имеют открывающийся и закрывающийся тег. Закрывающийся тег содержит знак наклонной черты. Между данными тегами вписывается содержимое тега. Содержимым тега может быть как обычный текст, так и другие, вложенные теги. Примеры парных тегов: <html></html>
- Непарные — теги, которые не закрываются. Пример: <br>
Теги можно писать большими и малыми буквами, поскольку HTML не различает написание. Закрывать парные теги нужно всегда!
Считается хорошим тоном знать и уметь оперировать большим количеством тегов. Этого не нужно пугаться, всё запомнится и уложится в голове, как только вы начнёте применять свои знания на практике. С основными тегами мы познакомимся в ходе нашего дальнейшего обучения. А вообще, в интернете сейчас доступно огромное количество справочников по HTML, где вы сможете найти актуальную информацию, ведь прогресс не стоит на месте, а языки программирования стремительными тепами развиваются и практически каждые пол года выходят обновления. Также, минимум тегов, которые будут необходимы нам в ходе обучения вы найдете в нашей шпаргалке
Рассмотрим структуру HTML документа:
- <!DOCTYPE html> — что же это за тег такой? Это версия HTML которая используется в данной странице. Подобным тегом принято начинать все HTML-документы. Это считается хорошим тоном. DOCTYPE указывает браузеру в какой версии HTML был написан документ, для того, что бы все браузеры (а их сейчас много) могли правильно обработать разметку и отобразить содержимое документа. Если этого не сделать, то браузер по умолчанию некорректно определит версию документа, в результате чего вся разметка может поехать и неправильно отображаться в разных браузерах. В данном случае DOCTYPE указывает на версию HTML5.
- <HTML></HTML> — все содержимое страницы заключено между данными парными тегами, которые информируют браузер, что это HTML страница.
- <head></head> -служебная секция (заголовок), которая используется для подключения внешних файлов, и установок отвечающих за вид, вывод и работу данной страницы. Содержимое ее, чаще всего, не отображается на странице, кроме тега title. Тег title – содержит заголовок страницы, который отображается во вкладке.
- <body></body> — все что отображается на странице, пишется в теге body.
Для расширения функционала HTML в тегах добавляют специальную информацию, которая называется атрибутами. Так в строке:
charset=»UTF-8″ — атрибут. Атрибутов может быть много. Атрибуты пишутся через пробел. В данном случае, с помощью тега meta HTML странице указывается кодировка UTF-8. Т.е. браузеру указывается кодировка данного документа, для правильного отображения содержимого страницы.
Атрибуты используются для расширения функционала тегов и позволяют модифицировать как способы отображения тегов на странице, так и их поведение. Не все теги используются для вывода информации, есть теги которые используются только для программирования поведения страницы, например с помощью JavaScript.
Вопросы для самоконтроля
- Что такое гипертекст?
- В чем состоит необходимость использования HTML?
- Что такое кодировка страницы? Зачем она применяется? Где в браузере можно поменять кодировку?
- Какие виды атрибутов вам известны?
- Что такое теги? Чем они отличаются от атрибутов?
- Какие теги обязательно должна содержать HTML страница?
Текст урока разработан совместно с Каменщик М.
Понятие тега HTML
Тег (мн. теги, иногда тэг) — это элемент языка HTML, с помощью которого выполняется разметка исходного текста веб-страницы. Теги представляют из себя сокращения или аббревиатуры английских слов заключенные в угловые скобки <>, например, тег <p>…</p> сокращение от английского слова paragraph, то есть текст заключенный в данный тег будет распознаваться браузерами, как параграф.
Каждый тег в HTML имеет специальное значение и отвечает за вывод определенных данных. Регистр букв в названиях тегов не имеет значение, например, тег <p>…</p> и тег <P>…</P> — это одно и то же. То есть теги можно записывать и строчными, и заглавными буквами. Раньше общепринятым было, все теги записывать заглавными буквами, чтобы теги отличались от обычного текста. Сейчас такой необходимости нет, так как многие редакторы имеют подсветку синтаксиса.
Классификация тегов
Всего тегов в HTML насчитывается более 90. Как правило, один тег воздействует только на часть документа, например, тег заголовка первого уровня <h2>…</h2>. В таких случаях используются парные теги: открывающий и закрывающий. Открывающий тег (например, <h2>) создает эффект, а закрывающий (</h2>) — прекращает его действие. Как видно из примера, закрывающий тэг всегда имеет вот такой символ (/) — прямой слеш. Такие теги называют парные.
Некоторые теги дают разовый эффект в месте своего появления. Например, тег горизонтальной полосы <HR> или тег отображения картинки <img>. Такие теги не имеют закрывающих тегов. Такие теги называют не парные.
Типы тегов
Кроме того теги подразделяют на несколько типов, которое различаются по выполняем функциям:
- теги верхнего уровня;
- теги заголовка документа;
- блочные элементы;
- строчные элементы;
- универсальные элементы;
- списки;
- таблицы;
- фреймы.
Это разделение не строгое, поэтому некоторые теги находятся в разных группах. Например, тэги для создания списков <ol> и <ul> относятся и к спискам, и к блочным элементам.
Структура тегов
При загрузке в браузере сами теги не отображаются, но влияют на способ отображения своего содержимого. Если в написание тега допущена ошибка, он игнорируется целиком.
Все теги имеют определенную структуру, которую необходимо соблюдать при написании. Кроме того, практически все теги имеют различные атрибуты, которые могут изменять способ отображения содержимого.
Давайте посмотрим на правильную структуру тегов содержащих атрибуты:
- <img src=»logo.jpg»>
- <a href=»samsebewebmaster.ru»>Сам Себе Вебмастер</a>
Для примера я привел два совершенно разных тега. Первый <img> одинарный — отвечает за вывод изображений, атрибут — src=»logo.jpg». Второй <a>…</a> парный отвечает за создание ссылок, атрибут — href=»samsebewebmaster.ru».
Вывод 1: Атрибуты могут иметь парные и непарные теги.
Вывод 2: Атрибуты могут иметь только открывающие теги, закрывающие теги не имеют атрибутов.
Картинка для разъяснения:
Рисунок 1. Cтрутура тега html
Задача на внимательность и знание синтаксиса HTML
Давайте посмотрим на примере простой веб-страницы, которую мы рассматривали в уроке Введение в HTML:
1 2 | Простейшая HTML страница |
Простейшая HTML страница
Тескт веб-страницы.
Задание: Проанализируйте и найдите две ошибки в коде использованного примера.
На этом урок закончен. Теперь вы знаете такое понятие, как Тег языка HTML.
[Всего голосов: 1 Средний: 2/5]
Читайте также:
Структура HTML-документа | bookhtml.ru
В этом уроке ознакомимся со структурой html-документа, узнаем из чего он состоит, попробуем создать свой первый html-документ и проверим как он работает в браузере. Первым делом необходимо создать на своем компьютере папку в которой будем хранить html-файлы, созданные на уроках.
Открываем блокнот и пишем первую строку документа:
<!DOCTYPE html public «-//W3C//DTD html 4.01 Transitional//EN»>
В этой строке идет указание версии языка html на которой пишется html-документ. В данном случае версия 4.01.
Следующие — это два корневых тега <html> и </html> именно они указывают, что все, что лежит внутри этих тегов и является html-кодом. А что же такое тег? Это и есть ячейка (элемент) языка html из которых мы и делаем разметку всего документа. Тег всегда заключается в угловые скобки < и >. Теги бывают парные и непарные. В данном случае мы видим парный тег. <html> — открывающий, </html> — закрывающий тег. Непарный тег — это тег одинарный: только открывающий.
Вторым элементом структуры html-документа является парный тег <head> и </head>. Это голова документа которая содержит служебную информацию (название страницы, ее кодировку, различные мета-теги для поисковых систем и др.) Первый тег, который помещаем в голову документа тег <title>.
<title>заголовок документа (web-страницы)</title>
Следующий тег в голове документа — тег кодировки:
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
Это кодировка текста на русском языке. И еще мы видим пример непарного (одинарного) тега.
Не последнее место в структуре html-документа занимает служебный тег мета тег «Keywords»:
<meta name=»Keywords» content=»Ключевые слова»>
Этот тег больше предназначен для поисковых систем. В него мы вносим ключевые слова, встречающиеся в html-документе.
Далее в структуре html-документа идет служебный тег мета «Description»:
<meta name=»Description» content=»Описание страницы»>
Это так же тег для поисковиков. В него вписываем краткое описание вашей страницы (о чем ее содержание).
EndSeo.ru — влияние description на продвижение сайта в поисковых системах.
Из всех перечисленных тегов пользователь увидит только тег <title>, который отображается в самом верху браузера.
Основной же контент который будет видеть пользователь размещается между тегами <body> и </body>.
Body с английского — это тело, так-что все прописанное в этом теге есть тело html-документа в котором будет содержаться вся информация, которую увидит пользователь, зашедший на вашу web-страницу.
Давайте теперь просмотрим целиком структуру html-документа, которую мы записали в блокноте:
<!DOCTYPE html public «-//W3C//DTD html 4.01 Transitional//EN»>
<html>
<head>
<title>заголовок документа (web-страницы)</title>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
<meta name=»Keywords» content=»Ключевые слова»>
<meta name=»Description» content=»Описание страницы»>
</head>
<body>
</body>
</html>
Это и есть основная структура html-документа. Осталось наполнить страницу каким-нибудь содержимым, что бы посмотреть результаты работы. Этот каркас документа мы будем использовать во всех страницах, которые будем создавать, лишь будем менять название страницы, ключевые слова и описание страницы.
После того, как вы прописали в блокноте этот html-код, давайте сохраним этот файл в ту папку, которую мы создали для этой цели. Не забудьте при этом дать имя файлу (например: index) и сменить расширение txt на html, что бы операционная система знала, что это html-файл, а не обычный текстовый. Тип файла — все файлы.
Откроем созданный нами файл браузером. Как видим — страница пуста. Это потому, что тег <body> ни чем не наполнен. Так давайте же займемся наполнением нашей web-странички.
Добавим в тело нашей страницы два абзаца, применив при этом парный тег <p>. Там где абзац начинается ставим открывающий тег <p>, где абзац заканчивается ставим закрывающий тег </p>.
Пример:
<p>Первый абзац</p>
<p>Второй абзац</p>
Добавьте эти два абзаца (можно вставить свой текст) в html-файл и просмотрите в браузере результат.
Как открыть html-файл в браузере можно узнать в следующем уроке.
Практика. HTML. Основы гипертекстовой разметки¶
Описание тегов здесь и далее дается без привязки к конкретной версии языка HTML, это сделано умышленно, чтобы акцентировать внимание на общих принципах разметки. Это же относится и к атрибутам тегов. Подробные описание возможностей различных версий HTML (на уровне стандартов) всегда доступны на сайте http://www.w3.org.
<тег [атрибут=”значение” [атрибут=”значение” […]]]>содержимое</тег>
Типовая структура непарного (одиночного) тега:
<тег [атрибут=”значение” [атрибут=”значение” […]]] />
Подавляющее большинство тегов HTML — парные, т.е. требуют наличия закрывающего тега.
Теги могут быть вложенными, при этом важно соблюдать порядок соответствия открывающих и закрывающих тегов.
Мета-теги
Основное предназначение мета-тегов (<meta … />), это включение информации о документе, которая может содержать сведения об авторе, дате создания документа или авторских правах.
Вся информация, находящаяся в мета-тегах ориентирована на серверы, браузеры и поисковых роботов. Для посетителя веб-страницы информация, которую несут в себе мета-теги, будет не видна.
В документе может находится любое количество тегов <meta>. Все они размещаются в блоке <head>…</head>.
Рассмотрим некоторые, часто используемые мета-теги:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
Используется для того, чтобы браузер мог правильно определить тип и содержимого и кодировку веб-страницы.
<meta http-equiv="Refresh" content="N; url=http://example.org/">
Автоматическое перенаправление (редирект) через N секунд после открытия с текущей страницы на указанный адрес .
<meta name="author" content="Имя автора страницы">
Используется для указания имени автора. Поисковые системы могут найти нужную информацию по имени автора.
<meta name="keywords" content="список, ключевых, слов">
В мета-теге keywords указываются ключевые слова и их синонимы, присутствующие в документе. Этот тег изначально был ориентирован на поисковые машины, но был скомпрометирован веб-мастерами, ипользовавшими его для поискового спама.
<meta name="description" content="Сюда вписывается краткое описание страницы">
Этот тег задает фразу, по которой пользователь определяет суть вашей страницы и решает, посещать ли ее. Вписанные выражения в данный meta-тег играют важную роль в рейтинге страницы. Ключевые фразы из описания должны совпадать с основным текстом страницы, это тоже играет большую роль при индексации страницы поисковыми роботами.
<meta name="robots" content="index,all">
Управление поисковым роботом, указание ему того, что страницу нужно индексировать (или нет, если указано “noindex”).
Создание HTML страницы, структура HTML страницы | Введение в HTML
Для того, чтобы создать HTML документ, достаточно сделать следующие вещи:
Выбор текстового редактора
Первое что необходимо сделать — это выбрать текстовый редактор с которым мы будем работать. Выбор на сегодняшний огромный, вот список текстовых редакторов для верстки и не только. Они обладают рядом инструментов начиная от подсветки кода заканчивая плагинами, в разы ускоряющими написание HTML разметки. Но на самом деле они служат лишь для того, чтобы упростить жизнь верстальщику. И для создания самого примитивного HTML документа вам может хватить даже встроенного текстового редактора NotePad. Но мы в этом курсе будем пользоваться текстовым редактором Brackets.
Прейти на сайт Brackets.io
Скачайте его с официального сайта и следуйте по инструкции в видео, для того, чтобы создать в нем новый проект.
Создание каркаса HTML страницы
Следующие что нам необходимо сделать, это разметить наш документ с помощью HTML тегов. Здесь давайте по порядку:
Создаем новый документ в текстовом редакторе (пока не сохраняем).
Напишите, или скопируйте данный код.
<!DOCTYPE html>
<html>
<head>
<!-- Здесь размещены служебные теги для HTML страницы. -->
<meta charset=”utf-8”>
<title>Название страницы</title>
</head>
<body>
<!-- В этой части размещается видимый контент страницы. -->
</body>
</html>Данный шаблон — ничто иное, как заготовка для нашего будущего HTML документа. В ней использованы следующие теги
Указание версии HTML с помощью инструкции Doctype
Любой HTML документ должен содержать объявление doctype в самой первой строчке, до тега html. С помощью данной инструкции мы указываем браузеру, на какой версии HTML написан HTML документ.
Дело в том, что существуют различные версии языка HTML. На данный момент используется версия HTML5. И по этому инструкция DOCTYPE выглядит таким образом
<!DOCTYPE html>Что нам дает эта инструкция – она позволяет нам использовать все нововведения (теги и атрибуты) языка разметки HTML5. При этом устаревшие теги, нам в этой версии уже будут недоступны. Если же мы хотим использовать старые версии, к примеру, HTML4.01 Transitional, то тогда наша строка DOCTYPE выглядела бы следующим образом
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">О различных стандартах языка гипертекстовой разметки HTML, вы можете узнать вот здесь.
Тег <html>
Данный тег служит в роле контейнера, который связывает не видимую часть страницы <head> и контент самой страницы <body>
Тег <head>
Содержимое тега <head> не отображается на странице браузера (кроме title), он выполняет роль контейнера, в который можно поместить такие вещи как: таблицы стилей(CSS), клиентские скрипты, название страницы title, указать кодировку страницы, meta теги и другую важную для роботов информацию о HTML странице.
Тег <body>
В тег body помещается вся видимая часть страницы (контент страницы). Текст, изображения, видео, формы, и всё остальное, что вы хотели бы видеть на HTML странице, следует помещать именно в этот контейнер body.
Тег <title>
Данный тег позволяет указать название документа, его содержимое учитывается поисковыми роботами и указывается в поисковой выдаче, также название документа отображается на вкладке браузера. Данный тег необходимо указывать в блоке <head>. Для одной страницы можно указать только один тег title.
Указание кодировки HTML страницы
Используемый в шаблоне meta тег charset отвечает за кодировку, которая была использована на данной HTML странице
Учебник по HTML
На
сайт Информатика в школе К
оглавлению учебника
Структура HTML-доукмента
Терминология
Элемент — конструкция языка
HTML. Это контейнер, содержащий данные и позволяющий отформатировать
из определенным образом. Любая Web-страница представляет собой наор
элементов. Одна из основных идей гипертекста возможность вложения элементов.
Тег — начальный или конечный
маркеры элемента. Теги определяют границы действия элементов и отделяют
элементы друг от друга. В тексте Web-страницы теги заключаются в угловые
скобки, а конечный тег всегда снабжается косой чертой.
Пример: элемент, содержащий некоторый текст, ограничен
начальным тегом (маркером) <P> и
конечным тегом (маркером) </p>. Т.е.
текст помещен между тегами как в контейнер. Здесь же можно увидеть,
как осуществляется возможность вложения элементов. Тег <Font>
вложен внутрь тега <P>, поэтому конечный тег </font> стоит
перед </p>. В данном примере тег <P> указывает на то, что
текст является отдельным абзацем, а тег <Font> задает формат шрифта,
в нашем случае зеленый цвет шрифта.
<P> <font color=»green»>Этот
текст будет расположен в отдельном абзаце и выполнен зеленым цветом
шрифта.</font> </p>
В результате тагого форматирования на экране компьютера
мы увидим текст зеленого цвета в отдельном абзаце:
Этот текст будет расположен в отдельном
абзаце и выполнен зеленым цветом шрифта.
Атрибут — параметр или свойство
элемента. Это, по сути, переменная, которая имеет стандартное имя и
которой может присваиваться определенный набор значений: стандартный
или произвольный. Атрибуты располагаются внутри начального тега и отделяются
друг от друга пробелами.
<P align=»center»>
Этот текст будет выровнен по центру экрана </p>
В данном примере атрибут align (выравнивание) расположен
внутри тега <P>, следовательно он задает выравнивание этого абзаца.
Значение атрибута равно «center», т.е. выравнивание абзаца
будет по центру экрана. На экране мы увидим:
Этот текст будет выровнен по центру экрана.
Структура HTML-документа
Ниже приведена структура типичного Web-документа.
| <HTML> | Этот тег указывает на начало HTML-документа |
| <HEAD> | Этот тег указывает на начало области заголовка Web-страницы. Служит для формирования обей структуры документа. |
| <TITLE>Структура Web-страницы</title> | Элемент для размещения заголовка Web-страницы. Строка отображается в заголовке окна броузера. |
| <META http-equiv=»Content-Type» content=»text/html; charset=windows-1251″> | Этот тег несет служебную информацию и не отображается в экране броузера. В данном случае идет речь о кодировке Web-странички. Вам достаточно лишь каждый раз вставлять этот тег в таком виде на свою страничку. Тогда ваша страничка будет использовать кодировку windows-1251, наиболее распространенную на сегодняшний день. |
| <META name=»Author» content=»Ivanov Ivan»> | Имя автора Web-страницы. |
| <META name=»Keywords» content=»WWW, HTML, docoment, страничка, структура»> | Набор ключевых слов для поиска. Раньше этими словами пользовались поисковые машины, для отбора сайтов по тематике запроса. Сегодня эти слова поисковыми машинами практически не используются, однако полезно вставить этот тег на свою страничку и указать в нем ключевые слова, отражающие содержание вашего сайта. |
| </head> | Конец области заголовка Web-страницы. |
| <BODY bgcolor=»blue»> | Начало собственно содержимого Web-страницы. Тег <BODY включает в себя атрибут bgcolor, который задает цвет вашей страницы. В данном случае голубой. Если не использовать этот атрибут, то по умолчанию, цвет страницы будет белым. |
| <h3> Здесь расположен заголовок вашей странички </h3> | <h3> </h3> Элемент заголовка |
| <P> Здесь расположен текст первого абзаца вашей странички</p> | <P> </p> Элемент абзаца. |
| <P> Здесь расположен текст второго абзаца вашей странички</p> | |
| </body> | Конец содержимого Web-страницы. |
| </html> | Конец HTML-документа. |
Правила синтаксиса
1. Взаимное расположение элементов HTML, HEAD, TITLE,
BODY должно быть стандартным на любой странице.
<HTML>
<HEAD>
<TITLE>…..</title>
</head>
<BODY>
………………
</body>
</html>
2. Всегда использовать конечные теги (не забывать </p>,
</h2>, </table> и др.).
3. Не нарушать правила вложения тегов.
Правильно: <h2>Заголовок крупный <h3> Заголовок
поменьше </h3> </h2>
Не правильно:<h2>Заголовок крупный <h3> Заголовок
поменьше </h2> </h3>
4. Любая полезная информация должна находится между начальным
и конечным тегами, указывающими ее формат.
5. Все атрибуты располагаются в начальном теге.
6. Принято начальные теги писать ЗАГЛАВНЫМИ буквами (<h2>),
а конечные строчными буквами (</h2>).
Задания для выполнения:
1. Откройте текстовый редактор «Блокнот».
2. Наберите в нем структуру HTML-документа, которая представлена
вам в таблице этого урока (левый столбец таблицы).
3. Сохраните файл в своей папке, присвоив ему имя page1.htm
4. Зайдите в свою папку и откройте созданный файл. Вы
увидите, как выглядит созданный вами файл в окне броузера.
5. Закройте броузер.
6. Вернитесь к сохраненному файлу в «Блокноте».
7. Внесите в него следующие изменения: пусть это будет
ваша первая страничка. Укажите в ней ваши фамилию, имя, школу, класс,
увлечения. Используйте для этого форматирование заголовков и абзацев.
8. В строке <TITLE> укажите: «Домашняя страничка
(ваше имя и фамилия).
9. Сохраните файл как page2.htm.
10. Просмотрите результат в броузере, при необходимости
отредактируйте файл при помощи «Блокнота».
Глобальная структура документа HTML
Глобальная структура документа HTML
7.1 Введение в структуру HTML
документ
Документ HTML 4 состоит из трех частей:
- строка, содержащая версию HTML
информация, - декларативный раздел заголовка (разделенный заголовком HEAD
элемент), - тело, которое содержит фактическое содержание документа. Тело может быть
реализуется элементом BODY или
FRAMESET элемент.
Пробелы (пробелы, символы новой строки, табуляции и комментарии) могут появляться перед или
после каждого раздела. Разделы 2 и 3 должны быть разделены кодом HTML
элемент.
Вот пример простого HTML-документа:
<ГОЛОВА>
Мой первый HTML-документ
<ТЕЛО>
Привет, мир!