Heim  >  Artikel  >  Web-Frontend  >  Was ist die Erweiterung von HTML-Dateien? Was ist der Dateityp der Datei?

Was ist die Erweiterung von HTML-Dateien? Was ist der Dateityp der Datei?

青灯夜游
青灯夜游Original
2022-09-16 16:40:1317638Durchsuche

Es gibt zwei Erweiterungen für HTML-Dateien: „html“ und „htm“. Eine HTML-Datei ist eine reine Textdatei, ein beschreibender Text, der aus HTML-Befehlen besteht, und eine statische Webseitendatei kann beim Bearbeiten nur einfachen Text schreiben und keinen Text wie ein „.doc“-Dokument schreiben .

Was ist die Erweiterung von HTML-Dateien? Was ist der Dateityp der Datei?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer. Der vollständige englische Name von

HTML lautet Hyper Text Markup Language, was ins Chinesische als „Hyper Text Markup Language“ übersetzt wird und speziell zum Entwerfen und Bearbeiten von Webseiten verwendet wird.

In HTML geschriebene Dateien werden als „HTML-Dokumente“ bezeichnet und das allgemeine Suffix ist .html (.htm kann auch verwendet werden, ist jedoch seltener). HTML-Dokumente sind reine Textdateien, die Sie mit Texteditoren wie Windows Notepad, Linux Vim, Notepad++, Sublime Text und VS Code öffnen oder erstellen können. .html(也可以使用.htm,不过比较少见)。HTML 文档是一种纯文本文件,您可以使用 Windows 记事本、Linux Vim、Notepad++、Sublime Text、VS Code 等文本编辑来打开或者创建。

HTML 文档 = 网页

  • HTML 文档描述网页。

  • HTML 文档也被称之为网页。

  • HTML 文档包含了 HTML 标签和纯文本。

HTML标签:

HTML 是一种标记语言,使用各种标签来格式化内容,标签的特点如下所示:

  • HTML 标签由尖括号包围的关键词构成,比如 ;

  • 除了少数标签外,大多数 HTML 标签都是成对出现的,比如

  • 成对出现的标签中,第一个标签称为开始标签,第二个标签称为结束标签(闭合标签)。

HTML 中的不同标签具有不同的含义,学习 HTML 其实就是学习各个标签的含义,根据实际场景的需要,选择合适的标签,从而制作出精美的网页。


浏览器相对于HTML文档的作用:
  • Web 浏览器的作用读取 HTML 文档,并以网页的形式去显示出内容
  • Web 浏览器不会显示 HTML 标签,而是使用标签来解释页面里的内容

HTML 标签代码如下:

nbsp;html>


    <meta>
    <title>第一个网页</title>


    <h1>这是我的第一个网页</h1>
    <p>我一定会成为一名优秀的前端开发工程师。</p>

本例标签代码解释:

1、网页的描述需写在 标签中。

2、标题、字符编码、兼容性、关键字、描述等信息需写在 标签中。

3、网页需要展示的内容需写在 标签中。

某些时候不按标准书写代码虽然可以正常显示,但是作为职业素养,还是一定要养成正规的编写习惯。

  • 文档声明头.告知浏览器是使用哪种html版本进行编写(这里是HTML5).
  • 向搜索引擎表示该页面是html语言,并且语言为英文.
  • <h1></h1> 标题标签. 为其中的文本内容增加了作为标题的语义.
  • <p></p>

HTML-Dokument = Webseite

    HTML-Dokument beschreibt die Webseite.

    Was ist die Erweiterung von HTML-Dateien? Was ist der Dateityp der Datei?HTML-Dokumente werden auch Webseiten genannt.


    HTML-Dokumente enthalten HTML-Tags und einfachen Text.

    • HTML-Tags: HTML ist eine Auszeichnungssprache, die verschiedene Tags zum Formatieren von Inhalten verwendet. Die Eigenschaften von Tags sind wie folgt:
        HTML-Tags bestehen aus Schlüsselwörtern, die von spitzen Klammern umgeben sind, wie zum Beispiel ;

    Mit Ausnahme einiger weniger Tags erscheinen die meisten HTML-Tags paarweise, wie zum Beispiel ;

      Bei paarweise erscheinenden Tags wird das erste Tag als Start-Tag und das zweite Tag als End-Tag (Schluss-Tag) bezeichnet.

    • Verschiedene Tags in HTML haben unterschiedliche Bedeutungen. Das Erlernen von HTML bedeutet eigentlich, die Bedeutung jedes Tags zu lernen und die geeigneten Tags entsprechend den Anforderungen des tatsächlichen Szenarios auszuwählen, um schöne Webseiten zu erstellen. Die Rolle des Browsers relativ zum HTML-Dokument:
    • Die Rolle des Webbrowsers
    besteht darin,

    das HTML-Dokument zu lesen Was ist die Erweiterung von HTML-Dateien? Was ist der Dateityp der Datei? und

    den Inhalt in Form einer Webseite anzuzeigen 🎜. 🎜🎜🎜🎜Webbrowser zeigen keine HTML-Tags an 🎜, stattdessen werden 🎜-Tags verwendet, um den Inhalt der Seite zu erklären 🎜. 🎜🎜🎜🎜🎜Der HTML-Tag-Code lautet wie folgt:🎜rrreee🎜🎜🎜Erklärung des Tag-Codes in diesem Beispiel:🎜🎜🎜🎜1. Die Beschreibung der Webseite muss im 🎜 geschrieben werden. html>🎜-Tag. 🎜🎜2. Titel, Zeichenkodierung, Kompatibilität, Schlüsselwörter, Beschreibung und andere Informationen müssen im 🎜🎜-Tag geschrieben werden. 🎜🎜3. Der Inhalt, der auf der Webseite angezeigt werden soll, muss im Tag 🎜🎜 geschrieben werden. 🎜🎜Obwohl in nicht standardmäßigen Formaten geschriebener Code manchmal normal angezeigt werden kann, müssen Sie aus beruflichen Gründen formale Schreibgewohnheiten entwickeln. 🎜🎜🎜 Dokumentdeklarationsheader Informiert den Browser, welche HTML-Version zum Schreiben verwendet wird (hier ist HTML5).🎜🎜 zeigt Suchmaschinen an, dass die Seite im HTML-Format vorliegt und die Sprache Englisch ist. 🎜🎜<h1></h1> Titel-Tag hinzugefügt als Semantik des Titels. 🎜🎜<p></p> Absatz-Tag Fügt die Semantik eines Absatzes zum Textinhalt hinzu 🎜🎜🎜🎜Der Editor führt diesen Code aus und der Browser wird kompiliert HTML-Tag-Code und verwenden Sie Tags, um den Inhalt der Seite zu erklären. 🎜Das Endergebnis besteht darin, den Inhalt der Seite anzuzeigen, ohne HTML-Tags anzuzeigen. 🎜🎜🎜Der Anzeigeeffekt des Webbrowsers ist wie folgt: 🎜🎜🎜🎜🎜🎜🎜OK Lassen Sie uns wissen, was eine „Nur-Text“-Datei ist: 🎜🎜🎜🎜Windows wird mit einer Software namens Notepad geliefert. 🎜🎜Das von Notepad gespeicherte Dokumentformat ist das .txt-Format🎜, die Abkürzung für englischen Text. 🎜In der Terminologie heißt diese Datei: „🎜Einfache Textdatei🎜“. 🎜🎜🎜🎜🎜Die Bedeutung und der Unterschied zwischen nicht-einfachen Textdateien und einfachen Textdateien: 🎜🎜🎜🎜** .doc Nicht-einfachen Textdateien: **🎜🎜Machen wir ein kleines Experiment🎜, öffnen Sie unsere 🎜Word-Software 🎜, Schreiben Sie ein Dokument, speichern Sie es und stellen Sie fest, dass das Suffixformat des gespeicherten Dokuments 🎜.doc🎜 ist. Darüber hinaus haben wir während des Schreibvorgangs auch festgestellt, dass die Datei 🎜.doc🎜 auch den Textstil festlegen und speichern kann. Beispielsweise kann der Text blau oder orange sein, und Sie können auch Unterstreichungen für den Text festlegen und vieles mehr Stile. 🎜🎜🎜🎜🎜🎜
    • ** .txt-Einzeltextdatei:**
      Jetzt öffnen wir den mit Windows gelieferten Editor und schreiben. Wir stellen fest, dass wir während des Schreibvorgangs die Farbe oder Unterstreichung für den Text usw. nicht festlegen können. . ?? Es verfügt zusätzlich über Text. Sie können auch verschiedene Textstile festlegen.
    Einfache Textdatei (z. B. .txt):

    Was ist die Erweiterung von HTML-Dateien? Was ist der Dateityp der Datei?Es enthält nur Text und keine Stile.

    Unterschiede:

    Nicht-einfache Textdateien (z. B. .doc):

      Zusätzlich zu den Grundfunktionen zum Schreiben von Text wie einfachem Text können auch Textstile festgelegt und gespeichert werden, z Speichern Sie Texteinstellungen als verschiedene Textfarben, Unterstreichungstext und viele weitere Stile.
    • Einfache Textdatei (z. B. .txt):
    • In einem Satz kann der Text nur sauber und ordentlich geschrieben werden und es kann kein Stil für den Text festgelegt werden.
    • Hinweis: Wenn .doc und .txt denselben Inhalt speichern, ist .doc größer als .txt (da es Stile enthält).
    Warum erklären wir zuerst die Bedeutung und den Unterschied zwischen Nicht-Textdateien und Nur-Text-Dateien? Wenn Sie einfachen Text eingeben, werden Sie feststellen, dass der Textinhalt nicht direkt wie in einem .doc-Dokument formatiert werden kann!

      Wir können ein kleines Experiment durchführen, das auch das klassischste Experiment ist, das beweist, dass HTML eine reine Textdatei ist :
    • Wir erstellen eine neue Notepad-.txt-Datei auf Ihrem Computer-Desktop. Öffnen Sie sie und schreiben Sie zufälligen Text. Drücken Sie dann Strg+S zum Speichern und schließen Sie die Datei.
    • Der nächste Schritt besteht darin, die .txt-Erweiterung der Datei zwangsweise in die .html-Erweiterung zu ändern. Zu diesem Zeitpunkt ist die .html-Datei eine Webseitendatei
    • At Dieses Mal verwenden wir „Öffnen Sie es mit einem Browser“ und stellen fest, dass der Browser den gesamten Originalinhalt normal anzeigen kann! Als wir es mit dem Browser ausgeführt haben, haben wir festgestellt, dass es auch funktionieren würde. Der Prozess der normalen Anzeige aller Inhalte reicht aus, um zu beweisen, dass HTML eine reine Textdatei ist!

      Darüber hinaus können wir Notepad auch zum Schreiben von HTML-Dateien verwenden, da HTML-Dateien sind völlig reine Textdateien (aber in der tatsächlichen Entwicklung macht das niemand, hier nur eine Erklärung).
      Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !

Das obige ist der detaillierte Inhalt vonWas ist die Erweiterung von HTML-Dateien? Was ist der Dateityp der Datei?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn