Формат файла HTML
Что такое HTML-файл?
HTML (Hyper Text Markup Language) — это расширение для веб-страниц, созданных для отображения в браузерах. HTML, известный как язык Интернета, развивался с учетом новых требований к информации, которая должна отображаться как часть веб-страниц. Последний вариант известен как HTML 5, что дает большую гибкость для работы с языком. HTML-страницы либо принимаются с сервера, на котором они размещены, либо также могут быть загружены из локальной системы. Каждая HTML-страница состоит из HTML-элементов, таких как формы, текст, изображения, анимация, ссылки и т. д. Эти элементы представлены тегами и несколькими другими, где каждый тег имеет начало и конец. Он также может встраивать приложения, написанные на языках сценариев, таких как JavaScript и таблицы стилей (CSS), для общего представления макета.
Краткая история
С момента своего создания и первой роли спецификации HTML поддерживаются Консорциумом World Wide Web (W3C) с 1996 года. В 2000 году он также стал международным стандартом (ISO/IEC 15445:2000). В 1999 году был опубликован HTML 4.01. В 2004 году Рабочая группа по технологиям веб-гипертекстовых приложений (WHATWG) начала работу над версией HTML5, которая стала совместным результатом с W3C в 2008 году. Она была завершена и стандартизирована 28 октября 2014 года.
Структура формата файла HTML
Документ HTML 4 состоит из трех частей:
- строка, содержащая информацию о версии HTML
- раздел декларативного заголовка
- тело, содержащее фактическое содержание документа. Тело может быть реализовано элементом BODY или элементом FRAMESET, чтобы содержать тело в кадрах.
Каждый раздел может начинаться или сопровождаться пробелами, новыми строками, вкладками и комментариями. Пример простого HTML-документа показан ниже:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <TITLE>Understanding HTML File Format</TITLE> </HEAD> <BODY> <P>Hello World! </BODY> </HTML>
Информация о версии
Первая строка кода, <!DOCTYPE html> , называется объявлением типа документа и сообщает браузеру, в какой версии HTML написана страница.
- HTML 4.01 Strict — включает все элементы и атрибуты, которые не были устарели или не отображаются в документах с набором фреймов.
- HTML 4.01 Transitional — включает все в строгом DTD, а также устаревшие элементы и атрибуты (большинство из которых касается визуального представления
- HTML 4.01 Frameset — включает все элементы переходного DTD, а также фреймы.
Для HTML5 информация о версии выглядит так, как указано ниже.
<!DOCTYPE html>
Информация заголовка HTML
Заголовок документа HTML может включать ряд элементов HTML, которые не отображаются браузером. Такие элементы являются либо метаданными, описывающими информацию о странице, либо включают разделы, которые используются для получения информации из внешних ресурсов, таких как таблицы стилей CSS или файлы JavaScript. Заголовок страницы представлен тегом head.
Для установки заголовка страницы элемент title является единственным, который требуется в теги. То же самое используется поисковыми системами для определения заголовка страницы.
Информация о теле HTML
Это основной раздел файла, содержащий все содержимое файла, отображаемое браузерами. Тело HTML может содержать разметку, которая может ссылаться на различные стандартные блоки в виде тегов. Он может содержать несколько различных типов информации, таких как текст, изображения, цвета, графика и т. д. Кроме того, аудио- и видеоэлементы также могут быть встроены в тело html для отображения браузерами. При наличии современных таблиц стилей для визуального представления атрибуты представления BODY, такие как цвет фона, цвет ссылки, цвет текста и т. д., устарели. Таким образом, те же эффекты могут быть достигнуты с помощью таблиц стилей, как показано ниже:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www. w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <TITLE>Inline Style Sheets referencing</TITLE> <STYLE type#"text/css"> BODY { background: white; color: black} A:link { color: red } A:visited { color: maroon } A:active { color: fuchsia } </STYLE> </HEAD> <BODY> ... document body... </BODY> </HTML>
Встроенные таблицы стилей легко встраиваются, а для быстрого применения визуальных эффектов внешние таблицы стилей упрощают однократное развертывание и доступ во многих местах.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <TITLE>Linking to External style sheets</TITLE> <LINK rel#"stylesheet" type#"text/css" href#"smartstyle.css"> </HEAD> <BODY> ... document body... </BODY> </HTML>
HTML-элементы
Как упоминалось ранее, содержимое внутри тела HTML представлено тегами, также известными как элементы HTML. Каждый тег может иметь дополнительную информацию в виде атрибутов, которые записываются как<tag attribute1#“value1” attribute2#“value2”> , хотя нет необходимости иметь атрибуты для каждого тега. Если атрибуты не указаны, в каждом случае используются значения по умолчанию. Ниже приведены некоторые примеры элементов:
Заголовок
<head> <title>The Title</title> </head>
Заголовки
<h2>Heading level 1</h2> <h3>Heading level 2</h3> <h4>Heading level 3</h4> <h5>Heading level 4</h5> <h5>Heading level 5</h5> <h6>Heading level 6</h6>
Пункты
<p>Paragraph 1</p> <p>Paragraph 2</p>
Использованная литература
- Глобальная структура документа HTML
Что это и как его открыть?
Автор: Jay Geater | Пересмотрено: December 05, 2018
Резюме файла HTML
Расширение файла HTML включает в себя один основных типов файлов и его можно открыть с помощью Microsoft Notepad (разработчик — Microsoft Corporation). В общей сложности с этим форматом связано всего семнадцать программное (-ых) обеспечение (-я). Чаще всего они имеют тип формата Hypertext Markup Language File. Чаще всего файлы HTML классифицируют, как Web Files.
Файлы с расширением HTML были идентифицированы на настольных компьютерах (и некоторых мобильных устройствах). Они полностью или частично поддерживаются Windows, Mac и Linux. Рейтинг популярности файлов HTML составляет «Низкий». Это означает, что они не часто встречаются на большинстве устройств.
Интересно узнать больше о расширении файла HTML? Для того, чтобы узнать о программе, открывающей файлы HTML, а также ознакомиться с другими советами по устранению неполадок, рекомендуется обратиться к подробной информации о файле, представленной ниже.
Универсальность
Стоя
/ 11690
Активность
государство
5
December
2018
Редактировано
Попробуйте FileViewPro, чтобы открыть файл HTML
Продукт Solvusoft
Скачать бесплатно
Установить необязательные продукты — FileViewPro (Solvusoft) | Лицензия | Политика защиты личных сведений | Условия | Удаление
Разновидности HTML-файлов
Основная принадлежность в формате HTML
.HTML
Форматирование: | .html |
Класс: | Hypertext Markup Language File |
HTML веб-страница, которая позволяет отображать и форматировать текст и изображения, используя веб-браузер. Он содержит код разметки в текстовом формате.
Организация: | Various Developers |
Вид: | Веб-файлф |
Местоположение: | HKEY_CLASSES_ROOT\. html |
Программные обеспечения, открывающие Hypertext Markup Language File:
Microsoft Notepad, разработчик — Microsoft Corporation
Windows |
Mac |
Linux |
Internet Explorer, разработчик — Microsoft Corporation
Windows |
Mac |
Mozilla Firefox, разработчик — Mozilla
Windows |
Mac | |
iOS |
Android |
Linux |
Solaris |
illumos |
Google Chrome, разработчик — Google
Windows |
Mac | |
iOS |
Android |
Linux |
Opera, разработчик — Opera Software
Windows |
Mac | |
iOS |
Android |
Linux |
Microsoft Edge, разработчик — Microsoft Corporation
Windows |
Adobe Dreamweaver, разработчик — Adobe Systems Incorporated
Windows |
Mac |
Apple Safari, разработчик — Apple
Windows |
Mac | |
iOS |
Android |
Linux |
Solaris |
illumos |
AbiWord, разработчик — Open Source
Windows |
Mac |
Linux |
Notepad2, разработчик — Open Source
Windows |
WeBuilder, разработчик — Blumentals Software
Windows |
Visual Studio Code, разработчик — Microsoft Corporation
Windows |
Mac |
Linux |
Textastic Code Editor, разработчик — Alexander Blach
iOS |
Amaya, разработчик — Open Source
Windows |
KompoZer, разработчик — Open Source
Windows |
Mac |
Linux |
SCREEM, разработчик — David A Knight
Linux |
Espresso HTML, разработчик — Fornace Srl
iOS |
Установить необязательные продукты — FileViewPro (Solvusoft) | Лицензия | Политика защиты личных сведений | Условия | Удаление
Поиск типов файлов
Иерархия ОС
Windows | (82. 33%) | |
Android | (11.56%) | |
iOS | (3.43%) | |
Macintosh | (1.71%) | |
Linux | (0.60%) |
Рейтинги браузера
Chrome | (58.80%) | |
Firefox | (11.05%) | |
Internet Explorer | (9.04%) | |
Edge | (8.46%) | |
Safari | (3.87%) |
Устранение неполадок при открытии файлов HTML
Проблемы при открытии HTML-файлов
Отсутствует Microsoft Notepad
При двойном щелчке HTML-файла появится сообщение «%%os%% не удается открыть HTML-файл». Если это так, это обычно связано с тем, что у вас нет Microsoft Notepad для %%os%%, установленного на вашем компьютере. Вы не сможете дважды щелкнуть, чтобы открыть свой HTML, так как ваша ОС не знает, что с ним делать.
Совет: Другая программа, связанная с HTML, может быть выбрана, чтобы открыть файл, нажав «Показать приложения» и найдя приложение.
Неверная версия Microsoft Notepad
Возможно, ваша версия Microsoft Notepad не сможет открыть файл Hypertext Markup Language File из-за несовместимости. Рекомендуется установить последнюю версию Microsoft Notepad из Microsoft Corporation. Эта проблема чаще всего встречается, когда у вас есть более старая версия программного приложения, и ваш файл был создан более новой версией, которую он не может распознать.
Совет . Найдите подсказки о правильной версии программного обеспечения, щелкнув правой кнопкой мыши HTML-файл и выбрав «Свойства».
Вывод: Большинство проблем с открытием HTML-файлов связаны с тем, что не установлена правильная версия Microsoft Notepad.
Связанные трудности при загрузке HTML-файлов
Предполагая, что у вас установлена правильная версия Microsoft Notepad, другие проблемы могут помешать вам открывать HTML-файлы. Другие ошибки открытия HTML могут быть созданы другими системными проблемами внутри %%os%%. Проблемы, которые не связаны с программным обеспечением:
- Ссылки на файлы в реестре Windows для HTML неверны
- Повреждение описания файла HTML внутри реестра
- Неисправная установка программы HTML, такой как Microsoft Notepad
- Повреждение файла HTML (проблемы с самим файлом Hypertext Markup Language File )
- Целостность HTML-файлов была скомпрометирована вредоносными программами
- Оборудование, связанное с HTML-файлами, имеет повреждение драйвера устройства
- Windows не может загрузить файл электронной Hypertext Markup Language File из-за нехватки ресурсов (например, БАРАН)
Викторина: В какой операционной системе впервые применили иерархическую файловую систему (например, папки с файлами)?
CommodoreDOS
Linux
Multics
OS2
Опрос: Ваше любимое приложение для обработки текстов?
Apple PagesCorel WordPerfect
Google Docs
LibreOffice
Microsoft Word
OpenOffice
WordPad
Другое
Как исправить проблемы с открытием файлов HTML
Установить необязательные продукты — FileViewPro (Solvusoft) | Лицензия | Политика защиты личных сведений | Условия | Удаление
Расширение файла # A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Что такое HTML (язык гипертекстовой разметки)?
Обновлено: 01.
02.2021 автором Computer HopeВпервые разработанный Тимом Бернерсом-Ли в 1990 году, HTML является сокращением от Язык гипертекстовой разметки . HTML используется для создания электронных документов (называемых страницами), которые отображаются в Интернете. Каждая страница содержит несколько соединений с другими страницами, называемых гиперссылками. Каждая веб-страница, которую вы видите, была написана с использованием одной версии HTML.
HTML-кодобеспечивает правильное форматирование текста и изображений для вашего интернет-браузера. Без HTML браузер не знал бы, как отображать текст в виде элементов или загружать изображения или другие элементы. HTML также обеспечивает базовую структуру страницы, на которую накладываются каскадные таблицы стилей для изменения ее внешнего вида. Можно представить HTML как основу (структуру) веб-страницы, а CSS — как ее оболочку (внешний вид).
- Как выглядит тег HTML?
- Как выглядит HTML?
- Что такое HTML5?
- Как выглядит HTML5?
- Как создавать и просматривать HTML.
- Какие расширения файлов используются с HTML?
- Является ли HTML языком программирования?
- Как произносится HTML.
- Связанная информация.
- Помощь и поддержка HTML и веб-дизайна.
Как выглядит тег HTML?
Как показано в приведенном выше примере HTML-тега, компонентов немного. Большинство тегов HTML имеют открывающий тег, содержащий имя тега, атрибуты тега, закрывающий тег, содержащий косую черту, и имя закрываемого тега. Для тегов, не имеющих закрывающего тега, такого как , рекомендуется заканчивать тег косой чертой.
Большинство тегов заключены в угловые скобки меньше и больше, и все, что находится между открытым и закрытым тегами, отображается или затрагивается этим тегом. В приведенном выше примере тег создает ссылку под названием «Computer Hope», указывающую на файл Hope.html.
Кончик
Полный список тегов HTML см. на странице справки HTML и веб-дизайна.
Как выглядит HTML?
Ниже приведен пример базовой веб-страницы, написанной на языке HTML, с описанием каждого раздела и его функций.
<голова>Пример страницы голова> <тело>Это заголовок
Это пример базовой HTML-страницы.
тело>
Поле выше содержит ключевые компоненты базовой веб-страницы. Каждая из строк поясняется ниже более подробно.
- Строка DOCTYPE описывает, в какой версии HTML была написана страница, чтобы интернет-браузер мог интерпретировать последующий текст.
- Открывающий тег сообщает браузеру, что он читает код HTML.
- Раздел содержит информацию о странице, такую как заголовок, метатеги и местонахождение файла CSS.
- Раздел содержит все, что доступно для просмотра в браузере. Например, весь видимый здесь текст содержится в тегах body.
- Тег
является видимым заголовком страницы.
- Тег
представляет собой абзац текста. Большинство веб-страниц (например, эта) имеют несколько тегов абзаца.
- В абзаце содержится тег , который выделяет жирным шрифтом слово пример в абзаце.
- Наконец, закрывающие теги заключают в себе каждый из вышеуказанных тегов.
- Полный список тегов HTML см. в нашей справке по HTML и веб-дизайну.
Что такое HTML5?
HTML5 — это обновление HTML из HTML4 (XHTML следует другой схеме нумерации версий). Он использует те же основные правила, что и HTML4, но добавляет несколько новых тегов и атрибутов, которые позволяют улучшить семантику и динамические элементы, активируемые с помощью JavaScript. Новые элементы включают:
В связи с растущим стремлением разделить структуру и стиль, некоторые элементы стиля были удалены. Также были удалены теги с проблемами доступности или малоиспользуемыми. Следующие элементы больше не должны использоваться в коде HTML:
Как выглядит HTML5?
Как показано ниже, код HTML5 очень похож на предыдущий пример HTML4, но он чище и имеет измененный тег doctype.
<голова> <мета-кодировка="utf-8">Пример страницы голова> <тело>Это заголовок
Это пример базовой HTML-страницы.
тело>
Как создавать и просматривать HTML
Поскольку HTML является языком разметки, его можно создавать и просматривать в любом текстовом редакторе, если он сохранен с расширением файла . htm или .html . Однако большинству проще разрабатывать и создавать веб-страницы в HTML с помощью редактора HTML.
После создания файла HTML его можно просмотреть локально или загрузить на веб-сервер для просмотра в Интернете с помощью браузера.
Какие расширения файлов используются с HTML?
HTML-файлы используют расширение .htm или .html. Более старые версии Windows (Windows 3.x) допускают только трехбуквенные расширения файлов, поэтому они использовали .htm вместо .html. Однако оба расширения файлов имеют одинаковое значение, и любое из них может использоваться сегодня. При этом мы рекомендуем придерживаться одного соглашения об именах, поскольку некоторые веб-серверы могут предпочесть одно расширение другому.
Примечание
Веб-страницы, созданные с использованием таких языков сценариев, как Perl, PHP или Python, имеют другое расширение, хотя в исходном коде они отображают только HTML.
Является ли HTML языком программирования?
Нет. HTML — это не язык программирования; это язык разметки. См. нашу страницу языка разметки для сравнения между языком программирования и языком разметки.
Как произносится HTML
HTML произносится как h-t-m-l ( aitch-tee-em-el ).
Кончик
Из-за гласного звука при произнесении HTML вы должны использовать «an» вместо «a» перед аббревиатурой в своем письме.
- Как начать заниматься HTML и веб-дизайном.
- Полная информация и помощь по HTML.
- Как просмотреть исходный HTML-код веб-страницы.
- Расширенные специальные символы и коды HTML.
- Помощь и поддержка HTML и веб-дизайна.
- История языка программирования.
ASP, cHTML, Компьютерные сокращения,, Средство проверки HTML, Интернет-термины, Разметка, Язык разметки, Термины программирования, Public_html, Термины SEO, Источник, Веб-дизайн, Термины веб-дизайна, XML
Понимание веб-страниц и HTML
Этот урок является частью серии из 15 уроков - Вы находитесь на уроке 2 | предыдущий урок | следующий урок
Содержание
- «Hello World» в HTML
- Просмотр файлов HTML
- «Привет, мир» в HTML
- Рекомендуемая литература для изучения HTML
«Hello World» в формате HTML
Просмотр файлов HTML
При работе с онлайн-источниками большую часть времени вы будете
используя файлы, размеченные с помощью HTML (Hyper Text Markup
Язык). Ваш браузер уже знает, как интерпретировать HTML, т.е.
удобно для читателей. Большинство браузеров также позволяют вам увидеть HTML 9.0164 исходный код для любой страницы, которую вы посещаете. На двух изображениях ниже показан типичный веб-сайт.
страница (из Old Bailey Online ) и источник HTML, используемый для создания
та страница, которую вы можете увидеть с помощью Инструменты -> Веб-разработчик -> Пункт меню
источника страницы в Firefox.
Когда вы работаете в браузере, вы обычно не хотите или не должны см. источник веб-страницы. Если вы пишете собственную страницу, однако может быть очень полезно посмотреть, как другие люди выполнили особый эффект. Вы также захотите изучить исходный код HTML, когда будете писать. программы для управления веб-страницами или автоматического извлечения информации от них.
Скриншот Old Bailey Online
Источник HTML для веб-страницы Old Bailey Online
(Чтобы узнать больше о HTML, на этом этапе вам может пригодиться работа через учебник W3 Schools по HTML. Детальное знание HTML нет необходимости немедленно продолжать чтение, но в любое время, когда вы затраты на изучение HTML будут щедро вознаграждены в вашей работе в качестве цифрового историк или цифровой гуманист.)
«Hello World» в HTML
HTML — это то, что известно как язык разметки . Другими словами, HTML
текст, «размеченный» тегами , которые предоставляют информацию для
интерпретатор (который часто является веб-браузером). Предположим, вы
форматирование библиографической записи и вы хотите указать название
работайте, выделяя его курсивом. В HTML вы используете теги em
(«em» означает
акцент). Таким образом, часть вашего HTML-файла может выглядеть, например, как
... в Digital History Коэна и Розенцвейга...
Простейший HTML-файл состоит из тегов, указывающих начало и
конец всего документа и теги, которые идентифицируют головку
и тело
внутри этого документа. Информация о файле обычно попадает в
голове, тогда как информация, которая будет отображаться на экране, обычно
уходит в тело.
<голова>голова> Привет, мир!
Вы можете попробовать создать код HTML. В текстовом редакторе создайте
новый файл. Скопируйте приведенный ниже код в редактор. Первая строка сообщает
браузер, что это за файл. Тег html
имеет направление текста
установите значение ltr
(слева направо), а для lang
(язык) установите английский язык США.
Тег title
в заголовке HTML-документа содержит материал,
обычно отображается в верхней панели окна при просмотре страницы.
просмотренных и во вкладках Firefox.
<голова>голова> <тело> тело>
Изменить оба
и
до
Привет, мир!
Сохраните файл в каталоге Programming-Historian
как hello-world.