Создание документа html: Как создать файл html в блокноте (сделать)

Содержание

Как создать HTML документ — Программирование с нуля

Файл HTML — это простой текстовый файл, сохраненный с расширением .html или .htm (второй вариант уже практически не используется).

Из этой статьи вы узнаете, как легко создать HTML-документ (то есть веб-страницу). Чтобы начать создавать HTML-страницы, вам понадобятся только две вещи: простой текстовый редактор и веб-браузер.

Создание вашего первого HTML-документа

В конце урока вы создадите HTML-файл, который отображает сообщение «Hello world» в вашем веб-браузере.

Шаг 1. Создание файла HTML

Откройте простой текстовый редактор или редактор кода и создайте новый файл.

Шаг 2. Введите код HTML

В окне редактора введите следующий код:

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML document</title>
</head>
<body>
  <p>Hello World!<p>
</body>
</html>

Шаг 3. Сохраните HTML документ

блок 1

Сохраните данный файл как index.html на жестком диске. Важно указать расширение .html — некоторые текстовые редакторы, такие как Блокнот, автоматически сохранят его как .txt. Если это произошло — переименуйте файл, удалите расширение .txt.

Чтобы открыть файл в браузере, перейдите к своему файлу, затем дважды кликните по нему левой кнопкой мыши. Он откроется в веб-браузере установленным по умолчанию в вашей операционной системе. Если этого не произошло, откройте браузер и перетащите файл в его окно.

Разбор HTML кода

Теперь давайте разберем код, который вы написали, по блокам.

Объявление DOCTYPE — строка определяет тип документа HTML5.
Раздел декларативного заголовка (заключенный в элемент HEAD) — предоставляет информацию о документе, включая его заголовок, информацию о стиле и сценарии.
Тело документа (заключено в элемент BODY). Содержит фактическое содержимое документа, которое отображается в веб-браузере и отображается для пользователя.

Вы узнаете о различных элементах HTML-документа в наших следующих статьях.

HTML-теги и элементы

HTML код написан с использованием HTML-элементов, состоящих из тегов разметки. Эти теги разметки являются фундаментальной особенностью HTML. Каждый тег состоит из ключевого слова, заключенного в угловые скобки, например <html>, <head>, <body>, <title> и т.д.

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

Открывающий тег и закрывающий тег идентичны, за исключением косой черты (/) после открывающей угловой скобки закрывающего тега, чтобы сообщить браузеру, что команда выполнена. Между этими тегами вы можете добавить заголовки, абзацы текста, таблицы, формы, изображения, видео и т.д. Например, абзац, который представлен элементом p, будет записан как:

<p>Это параграф текста.</p>

блок 3

HTML5 | Создание документа

Создание документа HTML5

Последнее обновление: 08.04.2016

Элементы являются кирпичиками, из которых складывается документ html5. Для создания документа нам надо создать простой текстовый файл, а в качестве расширения файла указать
*.html

Создадим текстовый файл, назовем его index и изменим его расширение на .html.

Затем откроем этот файл в любом текстовом редакторе, например, в Notepad++. Добавим в файл следующий текст:


<!DOCTYPE html>
<html>

</html>

Для создания документа HTML5 нам нужны в первую очередь два элемента: DOCTYPE и html. Элемент doctype или Document Type Declaration
сообщает веб-браузеру тип документа. <!DOCTYPE html> указывает, что данный документ является документом html и что используется html5, а не html4 или какая-то другая версия языка разметки.

А элемент html между своим открывающим и закрывающим тегами содержит все содержимое документа.

Внутри элемента html мы можем разместить два других элемента: head и body.
Элемент head содержит метаданные веб-страницы — заголовок веб-страницы, тип кодировки и т.д., а также ссылки на внешние ресурсы — стили, скрипты, если они использутся.
Элемент body собственно определяет содержимое html-страницы.

Теперь изменим содержимое файла index.html следующим образом:


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Документ HTML5</title>
	</head>
	<body>
		<div>Содержание документа HTML5</div>
	</body>
</html>

В элементе head определено два элемента:

  • элемент title представляет заголовок страницы

  • элемент meta определяет метаинформацию страницы. Для корректного отображения символов предпочтительно указывать кодировку.
    В данном случае с помощью атрибута charset="utf-8" указываем кодировку utf-8.

В пределах элемента элемента body используется только один элемент — div, который оформляет блок.
Содержимым этого блока является простая строка.

Поскольку мы выбрали в качестве кодировки utf-8, то браузер будет отображать веб-страницу именно в этой кодировке. Однако необходимо чтобы сам текст
документа также соответствовал выбранной кодировке utf-8. Как правило, в различных текстовых редакторах есть соотвествующие настройки для установки кодировки.
Например, в Notepad++ надо зайти в меню Кодировки и в открывшемся списке выбрать пункт Преобразовать в UTF-8 без BOM:

После этого в статусной строке будет можно будет увидеть UTF-8 w/o BOM, что будет указывать, что нужная кодировка установлена.

Сохраним и откроем файл index.html в браузере:

Таким образом, мы создали первый документ HTML5. Так как мы указали в элементе title заголовок «Документ HTML5», то именно такое название
будет иметь вкладка браузера.

Так как указана кодировка utf-8, то веб-браузер будет корректно отображать кириллические символы.

А весь текст, определенный внутри элемента body мы увидим в основном поле браузера.

Шаг 1. создание шаблона документа html — Информатика, информационные технологии

Создание и редактирование Web-страниц

Краткие теоретические сведения

Для создания Web-страниц используются различные программные средства. В простейшем случае текст документа HTML можно создать при помощи стандартной программы Блокнот, а просмотреть его в программе-браузере, например, Microsoft Internet Explorer. Поскольку программа Блокнот предназначена для создания текстовых документов, то по умолчанию она использует расширение имени файла .txt. При сохранении же Web-страниц необходимо явно указывать расширение имени файла .html. Для того, что бы можно было увидеть отредактированный HTML-документ, необходимо не забывать сохранять его в программе Блокнот и обновлять содержимое окна браузера.

Любой документ HTML состоит из текста, который необходимо отобразить, и инструкций, которые управляют способом отображения. Такие инструкции называются тегами. Чтобы браузер мог отличить текст, который необходимо отобразить от тегов, последние заключаются в символы . Текст HTML документа должен начинаться тегом , а заканчиваться . Внутри этих тегов помещается «голова» и «тело» документа, которые обозначаются тегами … и …, соответственно. Тег …, помещаемый внутри тега …, служит для указания информации, которая будет отображаться в заголовке окна браузера. Информация, которая должна отображаться в основном окне браузера, помещается внутри тега…. Большинство браузеров не чувствительны к регистру символов в тегах, поэтому их можно записывать как строчными, так и прописными буквами, или их сочетанием. Например, правильно будут обработаны такие теги, как ,и .

Цвет фона и символов HTML-документа можно указать двумя способами – в формате RGB, когда он указывается тремя составляющими: красной (R), зеленой (G) и синей (B) и его названием. При указании цвета в формате RGB каждая из его компонент указывается своим 16-ричным значением в диапазоне от 00 до ff. Примеры записи цвета приведены в Таблице 1.

Таблица 1

Название цвета Название цвета
Русское Английское RGB Русское Английское RGB
черный black фиолетовый purple FF00FF
белый white FFFFFF желтый yellow FFFF00
красный red FF0000 коричневый brown
зеленый green 00FF00 оранжевый orange FF8000
бирюзовый azure 00FFFF лиловый violet 8000FF
синий blue 0000FF серый gray A0A0A0

Цвет фона устанавливается при помощи атрибута bgcolor= в теге . Если он не указан, то по умолчанию используется цвет, указанный в настройках браузера. Как правило – это белый цвет.

Цвет текста, отображаемого в окне браузера по умолчанию, — черный. Он указывается в его настройках. Явно цвет текста можно указать в тегепри помощи атрибута text=. Цвет отдельного фрагмента текста изменяется при помощи атрибута color= тега .

Ход работы

Шаг 1. Создание шаблона документа HTML

Чтобы создать свой HTML-документ, выполните следующее:

1.Создайте папку HTML, в которой будут храниться документы HTML, создаваемые по ходу выполнения работ.

2.Запустите стандартную программу Блокнот.

3.Наберите в окне редактора Блокнот следующий текст:

4.Сохраните файл под именем template.html в созданной ранее папке HTML. Не забудьте явно указать расширение имени файла .html, так как Блокнот по умолчанию применяет .txt.

5.Для просмотра созданной Web-страницы запустите на выполнение браузер, например, Microsoft Internet Explorer.

6.Откройте в браузере созданный ранее файл template.html, выполнив команду Файл aОткрыть a Обзор. В результате откроется пустое окно:

Так происходит потому, что созданный файл не содержит никакой полезной информации, а является всего лишь заготовкой (шаблоном) для любого HTML-документа, т.е. в дальнейшем его можно будет брать за основу при создании произвольной Web-страницы.

7.В программе Блокнот отредактируйте файл template.html так, чтобы между тегамиибыл помещен текст «Мой первый документ HTML», а между — «Всем огромный привет!». В результате документ HTML должен иметь такое содержание:

Мой первый документ HTML

Всем огромный привет!

8.Сохраните отредактированный документ в файле hello.html, выполнив команду Файл a Сохранить как….

9.Откройте в браузере файл hello.html, выполнив команду Файл aОткрыть a Обзор. В результате увидите примерно следующее:

Шаг 2. Задание цвета текста

1.Закройте программу Блокнот.

2.В браузере выполните команду Вид a Просмотр HTML кода. В результате откроется окно со стандартной программой Блокнот, в котором Web-страница будет представлена в командах HTML.

3.Измените цвет слова «Всем» на красный, указав название цвета. Для этого файл hello.html отредактируйте следующим образом:

Мой первый документ HTML

Всем огромный привет!

4.Сохраните внесенные в файл hello.html изменения, выполнив команду Файл a Сохранить.

5.Обновите содержимое окна браузера нажав кнопку Обновить. В результате его окно должно выглядеть примерно так:

6.Отредактируйте файл hello.html так, чтобы цвет слова «огромный» был зеленым, указав цвет в формате RGB:

Мой первый документ HTML

Всем огромный привет!

Обратите внимание, что значению цвета обязательно должен предшествовать значок «решетка» — #!

7.Просмотрите отредактированную Web-страницу, сохранив ее в Блокноте и обновив содержание окна браузера.

8.Установить весь остальной текст на странице синим. Для этого отредактируйте файл hello.html следующим образом:

Мой первый документ HTML

Всем огромный привет!

9.Просмотрите в браузере отредактированную Web-страницу.

Шаг 3. Задание цвета фона

  1. Внесите следующие изменения в файл hello.html и просмотрите его в браузере:

Мой первый документ HTML

Всем огромный привет!

Индивидуальные задания

1.В соответствии с номером по списку группы, или указанием преподавателя, установите такие цвета на Web-странице:

Вариант Фон Текст Слово «Всем» Слово «огромный»
белый черный серый синий
черный белый красный серый
черный зеленый серый красный
синий белый зеленый бирюзовый
лиловый белый желтый оранжевый
серый зеленый лиловый бирюзовый
красный фиолетовый лиловый зеленый
фиолетовый зеленый серый синий
зеленый синий красный серый
серый черный зеленый лиловый
лиловый зеленый фиолетовый черный
коричневый зеленый серый красный
синий серый зеленый черный
черный зеленый серый лиловый
оранжевый лиловый фиолетовый белый
зеленый синий оранжевый серый
лиловый зеленый черный синий
бирюзовый черный белый коричневый
оранжевый фиолетовый лиловый серый
серый зеленый оранжевый коричневый
коричневый белый зеленый красный
красный зеленый черный коричневый
белый оранжевый зеленый фиолетовый
фиолетовый бирюзовый лиловый черный
черный фиолетовый оранжевый серый
серый оранжевый фиолетовый красный
оранжевый фиолетовый красный серый
желтый лиловый фиолетовый бирюзовый
бирюзовый красный коричневый лиловый
зеленый синий оранжевый черный

2.Отправьте результаты выполнения индивидуального задания преподавателю на проверку.

Статьи к прочтению:

Создание сайта для маленьких. Урок 1 — создание первого HTML шаблона

Похожие статьи:

Устройство HTML-документа | Web-Creature — Создание сайтов и заработок на них

HTML-документ — это просто текстовый файл с расширением *.htm (Unix-системы могут содержать файлы с расширением *.html). Вот пример самого простого HTML-документа:

<html>
<head>
<title>
Пример 1
</title>
</head>
<body>
<h2>
Привет!
</h2>
<P>
Это простейший пример HTML-документа.
</P>
<P>
Этот *.htm-файл может быть одновременно открыт
и в Notepad, и в Netscape. Сохранив изменения в Notepad,
просто нажмите кнопку Reload ('перезагрузить') в Netscape,
чтобы увидеть эти изменения реализованными в HTML-документе.
</P>
</body>
</html>

Для удобства чтения введены дополнительные отступы, хотя в HTML это совсем не обязательно. Более того, браузеры просто игнорируют символы конца строки и множественные пробелы в HTML-файлах. Поэтому наш пример вполне мог бы выглядеть таким образом:

<html>
<head>
<title>Пример 1</title>
</head>
<body>
<h2>Привет!</h2>
<P>Это простейший пример HTML-документа.</P>
<P>Этот *.htm-файл может быть одновременно открыт и в Notepad, и в Netscape.
Сохранив изменения в Notepad, просто нажмите кнопку Reload ('перезагрузить')
в Netscape, чтобы увидеть эти изменения реализованными в HTML-документе.</P>
</body>
</html>

Как видно из примера, вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками «<» и «>». Такой фрагмент (например, <html>) называется меткой (по-английски — tag и читается «тэг»).

Большинство HTML-меток — парные: на каждую открывающую метку вида <tag> есть закрывающая метка вида </tag> с тем же именем, но с добавлением «/» (этот символ называется «слэш»).

Метки можно вводить как большими, так и маленькими буквами (в нижнем и в верхнем регистре). Например, метки <body>, <BODY> и <Body> будут восприняты браузером одинаково.

Многие метки, помимо имени, могут содержать атрибуты — элементы, которые дают дополнительную информацию о том, как браузер должен обработать текущую метку. В нашем простейшем документе, однако, нет ни одного атрибута. Но мы обязательно встретимся с атрибутами уже в следующих уроках.

Обязательные метки

<html> … </html>

Метка <html> должна открывать HTML-документ. Аналогично, метка </html> должна завершать HTML-документ.

<head> … </head>

Эта пара меток указывает на начало и конец заголовка документа. Помимо наименования документа (см. описание метки <title> ниже), в этот раздел может включаться множество служебной информации, о которой мы обязательно поговорим чуть позже.

<title> … </title>

Все, что находится между метками <title> и </title>, толкуется браузером как название документа. Netscape Navigator, например, показывает название текущего документа в заголовке окна и печатает его в левом верхнем углу каждой страницы при выводе на принтер. Рекомендуется название не длиннее 64 символов.

<body> … </body>

Эта пара меток указывает на начало и конец тела HTML-документа, каковое тело, собственно, и определяет содержание документа.

<h2> … </h2> ≈ <H6> … </H6>

Метки вида <Hi> (где i ≈ цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня ≈ самый крупный, шестого уровня, естественно ≈ самый мелкий.

<P> … </P>

Такая пара меток описывает абзац. Все, что заключено между <P> и </P>, воспринимается как один абзац.

Метки <Hi> и <P> могут содержать дополнительный атрибут ALIGN (читается «элайн», от английского «выравнивать»), например:

<h2 ALIGN=CENTER>Выравнивание заголовка по центру</h2>

или

<P ALIGN=RIGHT>Образец абзаца с выравниванием по правому краю</P>

Подытожим все, что мы знаем, с помощью примера 2:

<html>
<head>
<title>Пример 2</title>
</head>
<body>
<h2 ALIGN=CENTER>Привет!</h2>
<h3>Это чуть более сложный пример HTML-документа</h3>
<P>Теперь мы знаем, что абзац можно выравнивать не только влево, </P>
<P ALIGN=CENTER>но и по центру</P> <P ALIGN=RIGHT>или по правому краю.</P>
</body>
</html>

Теперь Вы знаете достаточно информации, чтобы создавать простые HTML-документы самостоятельно от начала до конца. В следующем уроке мы поговорим, как можно улучшить наш простой HTML-документ. И начнем мы этот урок с изучения «абзаца».

Популярность: 52%

Еще по этой теме…

Рейтинг:
 Загрузка …

Просмотров: 482

Создание документа HTML в текстовом редакторе Блокнот

Для того чтобы создать документ HTML в текстовом редакторе Блокнот необходимо выполнить следующие действия:

1. Запустить текстовый редактор Блокнот (Пуск > Программы > Стандартные > Блокнот).

2. Создать типовую структуру HTML — документа и ввести текст.

Рис. 1. Создание HTML — документа в текстовом редакторе Блокнот

3. Сохранить этот документ. При сохранении в качестве типа файла укажите «все файлы», в качестве имени файла first.html.

4. Закрыть блокнот. Найти файл first.html и открыть его с помощью интернет-браузера.

Рис. 2. Иллюстрация документа в интернет-браузере.

1. Создать, используя только тэги структуры, текстовый html-документ. Сохранить этот документ под любым именем с расширением .html в папке HTML. Открыть документ в окне браузера и посмотреть, как он будет отформатирован.

2. Форматирование текста выполнить согласно номеру своего варианта.

3. Оформить отчет по лабораторной работе, который должен содержать: титульный лист и экранные формы, демонстрирующие выполнение работы.

Примечания *- Цвета текста в абзацах, типы и размер шрифта должны быть различными. Выравнивание абзацев привести по разным краям документа.

«Оформление HTML документа. Использование графики. Создание таблиц в HTML»

Изучить основные тэги, предназначенные для создания таблиц в html-документе, вставки изображений в html-документ и для их преобразования.

№ ва-ри-анта Форматирование текста документа
Заголовок страницы Цвет фона Кол-во абза-цев* Список
выровнять по центру, полужирный шрифт, тип – Cooper Std Black аqua три маркированный, три компонента
выровнять по центру, полужирный шрифт, тип – Cooper Std Black black три маркированный, три компонента
выровнять по центру, полужирный шрифт, тип – Cooper Std Black blue четыре маркированный, три компонента
выровнять по центру, жирный шрифт, тип– Times, цвет – синий fuchsia два маркированный, три компонента
выровнять по центру, жирный шрифт, тип– Times, цвет – синий gray два маркированный, четыре компонента
выровнять по правому краю, жирный шрифт, тип– Times, цвет – синий green два маркированный, четыре компонента
выровнять по центру, жирный шрифт, тип – Arial, цвет — зеленый lime четыре нумерованный, два компонента
выровнять по центру, курсивный шрифт, тип – Arial, цвет — зеленый maroon три нумерованный, два компонента
выровнять по центру, полужирный шрифт, тип – Arial, цвет — зеленый navy три нумерованный, три компонента
выровнять по центру, курсивный шрифт, тип – Tahoma, цвет — черный olive четыре нумерованный, два компонента
выровнять по центру, курсивный шрифт, тип – Tahoma, цвет — черный purple два нумерованный, четыре компонента
выровнять по центру, курсивный шрифт, тип – Arial, цвет — черный red два нумерованный, четыре компонента
выровнять по центру, курсивный шрифт, тип – Candara, подчеркивание silver четыре маркированный, два компонента
выровнять по центру, курсивный шрифт, тип – Candara, подчеркивание teal три маркированный, три компонента
выровнять по правому краю, курсивный шрифт, тип – Candara, подчеркивание white три маркированный, три компонента
выровнять по правому краю, курсивный шрифт, тип – Candara, подчеркивание yellow три нумерованный, два компонента
выровнять по правому краю, жирный шрифт, тип – Arial, подчеркивание navy три маркированный, три компонента
выровнять по центру, курсивный шрифт, тип – Arial, цвет — красный olive два нумерованный, три компонента
выровнять по центру, курсивный шрифт, тип – Cooper Std Black purple четыре маркированный, три компонента
выровнять по центру, курсивный шрифт, тип – Tahoma, подчеркивание green три нумерованный, два компонента
выровнять по центру, курсивный шрифт, тип – Arial, цвет — красный lime два маркированный, три компонента
выровнять по центру, курсивный шрифт, тип – Cooper Std Black maroon четыре нумерованный, три компонента
выровнять по центру, курсивный шрифт, тип – Latha, цвет — синий navy три маркированный, три компонента
выровнять по центру, курсивный шрифт, тип – Tahoma, цвет — синий olive три нумерованный, два компонента
выровнять по центру, курсивный шрифт, тип – Tahoma, цвет — синий purple три маркированный, три компонента
выровнять по центру, курсивный шрифт, тип – Latha, цвет — синий red четыре нумерованный, три компонента
выровнять по центру, курсивный шрифт, тип – Latha, цвет — красный silver четыре нумерованный, два компонента
выровнять по центру, курсивный шрифт, тип – Latha, цвет — зеленый green четыре нумерованный, два компонента

Основы HTML и CSS | BrainsCloud.ru

  • Введение
  • Установка редактора Brackets
  • HTML теги (теория)
  • Создание скелета HTML документа
  • HTML теги форматирования текста
  • CSS селекторы и свойства (теория)
  • Свойства для стилизации текста
  • Инструменты разработчика — DevTools
  • Изображения и ссылки (img, a)
  • Растровая и векторная графика, форматы изображений (png, jpg, svg) + домашнее задание
  • HTML Таблицы (table, tr, td, th, tbody и др.) + домашнее задание
  • Блочные и строчные элементы (div, span)
  • Работа с фоном. Часть 1
  • Работа с фоном. Часть 2 + домашнее задание
  • Справочники
  • Наименование классов
  • Создание простой HTML страницы (практика)
  • HTML формы (form, input, textarea, button) + домашнее задание
  • Псевдоклассы
  • Границы (border, outline)
  • Создание формы регистрации (практика)
  • Позиционирование (relative, static, absolute, fixed)
  • Позиционирование (практика) + домашнее задание
  • Псевдоэлементы (before, after, first-letter, first-line)
  • HTML5 теги (header, nav, footer, article и др.)
  • CSS3 свойства
  • Основы flexbox + домашнее задание
  • Доработка страницы (HTML5, CSS3, flexbox)
  • Селекторы, псевдоклассы + домашнее задание
  • Приоритеты селекторов
  • Единицы измерения (em, rem) + домашнее задание
  • HTML теги (abbr, code, cite, blockquote и др.)
  • Стилизация кода (HTML, CSS) + домашнее задание
  • Вертикальное выравнивание (vertical-align)
  • Обтекания (float, clearfix)
  • Видимость элементов (display, opacity, visibility)
  • Специальные символы
  • Префиксы (-webkit-, -moz-, -ms-)
  • Вставка видео и аудио (video, audio, source)
  • Google fonts, локальные шрифты + домашнее задание
  • Основы адаптивной верстки (media queries) + домашнее задание
  • Цвета (HEX, rgb, rgba)
  • Возможности Brackets и плагины
  • Введение
  • Основы работы с Photoshop
  • Основы работы с Abode XD
  • Подготовительные работы
  • Верстка шапки сайта
  • Верстка текстового блока
  • Верстка фотографии
  • Верстка контактов
  • Верстка страницы «Об авторе»
  • Верстка страницы «Контакты»
  • Адаптация сайта под разные устройства. Часть 1
  • Адаптация сайта под разные устройства. Часть 2
  • Favicon, мета-теги
  • Кроссбраузерная и валидная верстка
  • Домен и хостинг. Размещаем сайт в интернете
  • Что делать дальше? План развития
  • Простая трансформация
  • Точка трансформации
  • Объединение трансформаций
  • Создание перспективы
  • 3D Трансформация
  • Создание 3D карточки
  • Создание наклонной навигации
  • Работа с масштабом элемента
  • Работа с translate
  • Создание 3D куба
  • Создание анимации
  • Временные функции
  • Еще свойства для работы с анимацией
  • Создание нескольких анимаций
  • Анимация 3D куба
  • Создание анимированных пузырей
  • Правильная анимация

Создание простого HTML-документа





Описание языка HTML :

Создание простого HTML-документа


Определение свойств WEB-страниц



Форматирование Web-страниц :

Создание абзацев

Создание заголовков


Стиль форматирования


Атрибуты шрифта


Гиперссылки


Вставка графических изображений


Создание карт-изображений


Задание бегущей строки


Создание списков


Создание таблиц


Создание фреймов


размещение web-страниц на сервере






Создание простого HTML-документа


HTML-документ,по сути,представляет собой обычный текстовый файл.Редактировать Web-страницы, опубликованные в сети Internet, может лишь тот, кто их создал, а не любой пользователь, поскольку каждая страница имеет свой уникальный адрес (URL) и существование двух разных страниц с одинаковым адресом исключено.

Чтобы получить простую Web-страницу необходимо создать HTML-документ.


Пример HTML-кода



&lt html&gt
&lt head&gt
&lt title&gt Простая Web-страница &lt/title&gt
&lt head&gt
&lt body&gt
Это простая Web-страница.
&lt/body&gt
&lt/html&gt

(если вы редактируете в блокноте то сохраняйте файл с расширением html или htm)



Исходный код любой Web-страницы можно получить в меню ВИД в броузере. HTML-страница содержит как обычный текст, так и специальные команды теги, заключенные в угловые скобки(&lt и &gt). Большинство тегов в языке HTML требуют соответствующую команду с символом &lt/…&gt для её закрытия. Комбинация из открывающегося и закрывающегося тега называется контейнером тегов
Теги не чувсвительны к регистру.Это означает,что HTML-тег например &lt HTML&gt будет воспринят броузером так же как тег &l thtml&gt или &lt HtmL&gt.Кроме тегов в языке HTML используется специальный символ &-асперсант.Этот символ предназначен для вывода специальных символов и символов из расширенной кодовой таблицы.Например для вывода угловых скобок используется последовательность &amplt (для «&lt») и &ampgt(для «&gt»).


!!!Внимание если броузер не понимает тег то он его игнорирует(не исправляет и не выдает ошибку)

Создание HTML-документа

HTML-документ — это контейнер для форматирования, отображения и распространения одного или нескольких отчетов в рамках проекта. Вы можете изменить внешний вид HTML-документа, включив в него текст, изображения, гиперссылки, таблицы и один или несколько объектов отчета.

Поскольку один документ HTML может включать в себя несколько отчетов в формате сетки или графика, документы HTML предоставляют отличное средство для отображения и распространения нескольких связанных отчетов.Кроме того, поскольку эти документы основаны на HTML, вы можете воспользоваться всеми преимуществами HTML, XML и XSL для создания хорошо продуманных презентаций профессионального качества.

Каталог документов по умолчанию должен быть указан в редакторе конфигурации проекта. Дополнительные сведения см. В разделе «Редактор конфигурации проекта: категория« Определение проекта », Дополнительно».

Для создания HTML-документа

Процесс создания HTML-документа является итеративным, и вы должны продумать и продумать макет, дизайн и внешний вид HTML-документа так же, как и любую создаваемую вами веб-страницу.

  1. В MicroStrategy Developer перейдите к папке в списке папок, в которой вы хотите создать документ HTML, например «Мои объекты».

  2. На правой панели, где отображается содержимое папки, щелкните правой кнопкой мыши и выберите «Создать», а затем — «HTMLDocument».Откроется редактор HTML-документа.

    Каталог документов по умолчанию должен быть указан в редакторе конфигурации проекта. Если это не так, появляется сообщение об ошибке. Дополнительные сведения см. В разделе «Редактор конфигурации проекта: категория« Определение проекта », Дополнительно».

  3. См. Следующие ссылки для получения инструкций по вставке типов объектов в документ HTML:

  4. Чтобы добавить текст в документ HTML, на панели «Макет» поместите курсор в то место, куда вы хотите вставить текст, а затем введите текст.

  5. Вы можете форматировать HTML-документ и его объекты. Инструкции см. В разделе Форматирование содержимого HTML-документа.

  6. Сохраните документ HTML.Для получения дополнительной информации о сохранении HTML-документа см. Сохранение HTML-документа.

    При именовании объекта MicroStrategy вы должны следовать правилам соглашения об именах для вашей конкретной платформы базы данных. Использование слова, зарезервированного вашей платформой базы данных, может привести к ошибке. Обратитесь к документации по вашей базе данных за списком этих зарезервированных для базы данных слов.

Связанные темы

DOM Реализация.createHTMLDocument () — веб-API | MDN

В
DOMImplementation.createHTMLDocument () метод создает
новый HTML Документ .

  const newDoc = document.implementation.createHTMLDocument (заголовок)
  

Параметры

title Необязательно (кроме IE)

DOMString , содержащая заголовок для нового HTML-документа.

В этом примере создается новый документ HTML и вставляется его в