wie man HTML macht

Um ein Entwickler mit grundlegenden Fähigkeiten zur Website-Entwicklung zu werden, ist HTML (Hypertext Markup Language) die erste Fähigkeit, die erlernt werden muss. In diesem Artikel zeigen wir Ihnen, wie Sie Ihre eigene Website mit HTML erstellen und so ganz von vorne beginnen.

Was ist HTML?

HTML ist eine der Grundtechnologien von Webseiten. Es bietet eine Markup-Methode, mit der Sie Text, Bilder, Videos und andere Inhalte zu Ihren Webseiten hinzufügen können. HTML erreicht dies durch die Beschreibung einer Reihe von Elementen, die von Markup umgeben sind. Diese Tags verwenden spitze Klammern (< und >), um öffnende und schließende Tags zu definieren. Hier ist zum Beispiel eine einfache HTML-Seite mit Titel- und Absatzelementen:

  <title>我的第一个 HTML 页面</title>

  <h1>欢迎来到我的网站！</h1>
  <p>这是一个段落。在这里添加您自己的内容。</p>

< /html>

So erstellen Sie eine HTML-Seite

Hier sind einfache Schritte, die Ihnen beim Erstellen Ihrer ersten HTML-Seite helfen.

Schritt 1 – Erstellen Sie einen Texteditor

Erstellen Sie eine neue Datei in Ihrem bevorzugten Texteditor. Sie können beispielsweise Sublime Text, Atom, Notepad++ usw. verwenden. Geben Sie den obigen HTML-Code in eine neue Datei ein und speichern Sie die Datei als „index.html“.

Schritt 2 – Öffnen Sie die HTML-Datei

Nachdem Sie die Datei als „index.html“ gespeichert haben, können Sie die Datei einfach in Ihrem Browser öffnen, um Ihre erste HTML-Seite anzuzeigen! Sie können die Datei mit Google Chrome, Safari, Firefox oder Internet Explorer öffnen.

Sie sehen eine Seite mit Ihrem Titel und Ihren Absätzen. Jetzt können Sie mit dem Hinzufügen Ihrer eigenen Inhalte beginnen.

HTML-Elemente verwenden

HTML-Elemente sind die Grundeinheiten in HTML-Seiten. Jedes Element besteht aus einem Start-Tag, einem End-Tag und dazwischen liegenden Textinhalten. Hier ist zum Beispiel eine einfache HTML-Seite mit Links:

  <title>我的第一个 HTML 页面</title>

  <h1>欢迎来到我的网站！</h1>
  <p>这是我的 <a href="http://www.example.com">链接</a>.</p>

In diesem Beispiel haben wir ein Link-Element und ein href-Attribut hinzugefügt. Das href-Attribut gibt die URL an, zu der verlinkt werden soll. Diese wird geöffnet, wenn der Benutzer auf den Link klickt.

Hier sind einige häufig verwendete HTML-Elemente:

1. headings – Überschriften

Dies ist Überschrift 1

Dies ist Überschrift 2

Dies ist Überschrift 3

Dies ist Überschrift 4

2. Absatz - Absatz

Dies ist ein Absatz. Fügen Sie hier Ihren eigenen Inhalt hinzu.

3. Link - Link

Dies ist ein Link

4. Bild - Bild

Häufig verwendete HTML-Attribute

Attribute sind Informationen, die HTML-Elemente an weitere Elemente anhängen. Linkelemente müssen beispielsweise href-Attribute enthalten, um den korrekten Inhalt anzuzeigen. Hier sind einige häufig verwendete HTML-Attribute:

1. id – Definiert eine eindeutige Kennung für ein HTML-Element

Dies ist ein Absatz.

2. class – Klassenname, der mehrere HTML-Elemente definiert

Zentrierter Absatz.

3. style – wird verwendet, um CSS-Stile anzugeben

rote Absätze.

4. src – wird verwendet, um die Quelle des Bildes anzugeben

Zusammenfassung

HTML ist die Basis für die Entwicklung von Websites, mit der Sie Ihre eigenen Webseiten erstellen und Ihre eigenen Inhalte hinzufügen können. Das obige Beispiel zeigt einige gängige HTML-Elemente und -Attribute, die Sie zum Entwerfen Ihrer eigenen Website verwenden können. Um andere fortgeschrittenere Funktionen von HTML besser zu verstehen, müssen Sie HTML gründlich erlernen. Viel Glück!

Das obige ist der detaillierte Inhalt vonwie man HTML macht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!