HTML ist ein Akronym für HyperText-Auszeichnungssprache . Es wird zum Erstellen von Webseiten und Webanwendungen verwendet. HTML ist eine weit verbreitete Sprache im Web. In diesem Artikel lernen wir, wie man HTML schreibt.
Hier zeigen wir zunächst eine Schritt-für-Schritt-Anleitung zum Erstellen einer HTML-Seite.
Schritt 1 - Öffnen Sie einen Texteditor, um Code zu schreiben.
Obwohl es verschiedene Texteditoren gibt, die für Anfänger einfach heruntergeladen werden können, sind Notepad (in Windows) und TextEdit (in Mac) die besten Texteditoren. In Windows ist der Standardtexteditor Notizblock , während auf dem Mac der Standardeditor TextEdit ist. In Windows können wir das öffnen Notizblock Editor, indem Sie auf „Start“ klicken und „Notepad“ eingeben, wie im folgenden Screenshot gezeigt –
Wir können auch die verwenden Notepad++ Texteditor in Windows zum Schreiben der HTML-Programme. Nachdem wir die Grundlagen erlernt haben, können wir andere professionelle Redakteure wie z Notepad++, Sublime Text, Vim, usw.
Schritt 2 - Beginnen Sie nun mit dem Schreiben von HTML-Programmen im Texteditor. Die HTML-Tags sind in offene Tags () und geschlossene Tags () eingeschlossen. Angenommen, wir müssen einen Absatz erstellen. In HTML wird der Absatz durch Eingabe des Open-Paragraph-Tags erstellt
und dann ein geschlossenes Absatz-Tag eingeben
.
Nachdem Sie eine Codezeile geschrieben haben, können Sie einfach drücken Eingeben um zur nächsten Zeile zu gelangen.
Schritt 3: Speichern Sie die Datei entweder mit .html oder mit .htm Erweiterung, wie im folgenden Screenshot gezeigt.
Schritt 4: Jetzt können Sie Ihre .html-Datei ausführen. Dazu müssen Sie zu dem Ort gehen, an dem Sie Ihre Datei gespeichert haben. Wählen Sie dann die entsprechende Datei aus, klicken Sie mit der rechten Maustaste darauf und wählen Sie den gewünschten Webbrowser aus, um die Datei auszuführen. Mit dem folgenden Screenshot kann es klar werden:
Nachdem Sie auf den Browser geklickt haben, wird eine Webseite mit der Ausgabe Ihrer Datei angezeigt.
Sehen wir uns nun an, wie wir mit HTML beginnen oder HTML-Programme schreiben können.
Bei jedem HTML-Dokument können wir das Dokument grundsätzlich mit dem Dokumenttyp beginnen, d. h. dem Etikett , ein Tag und a Etikett . Wir sollten die Tags schließen müssen Und Stichworte. Es wird wie folgt geschrieben:
In das Tag können wir unseren Code schreiben, der im Webbrowser angezeigt wird. Um den Titel der Webseite zu erstellen, können wir das Head-Tag wie unten gezeigt einfügen:
<title < pre> <p>There are various tags in HTML for performing different tasks. There are six headings in HTML that are <a href="/html-heading"> <strong><h1>, <h2>, <h3>, <h4>, <h5>, and <h6></h6></h5></h4></h3></h2></h1></strong> </a> . These headings should be closed with their corresponding closing tags.</p> <p>There are various properties and rules to write HTML code. For more information, you can visit our <strong>HTML tutorial</strong> .</p> <p>We can create paragraphs in HTML by using the </p><p> tag , to create a hyperlink we can use the anchor tag, i.e., <a href=" "> </a>, we can also add unordered and ordered lists by adding <ul> and <ol> tags . An image can be inserted by using the .</ol></ul></p> <p>To add the style to a specific html tag or to the group of the html tags, we can use the CSS. There are three ways to use CSS in HTML that are Inline CSS , Internal or embedded CSS, and using the External CSS . Let's see the brief description of these ways -</p> <p> <strong>Inline CSS -</strong> Inline CSS uses style attribute to style the HTML elements. It is used to apply style to a single element.</p> <p> <strong>Internal or Embedded CSS -</strong> It defines CSS using <strong></strong> tag in the section. To use internal CSS, we can use id and class attributes.</p> <p> <strong>External CSS -</strong> It defines all CSS properties in a separate .css file. Then we have to include that file using the tag in the section.</p> <p>So, for more information, one should visit our HTML tutorial, where you will find a detailed and easier description of <a href="/html-tags">HTML tags</a> .</p> <hr></title>