TOC

Html Tutorial Hallo Welt

HTML Tutorial Hallo Welt

In diesem Tutorial erfahren Sie, wie Sie eine einfache Hallo-Welt-Seite mit HTML erstellen. Zunächst werden einige der HTML-Grundlagen erläutert.

  1. HTML steht fürHyperTextMarkupLanguage

  2. HTML ist eine Textdatei, die aus einer Reihe von Markup-Tags ( ) besteht.

  3. Fast das gesamte Markup-Tag enthält das Start-Tag und das Close-Tag . Close-Tag beginnt mit einem "/".

  4. Die Markup-Tags sind wie ein Befehl, der dem Webbrowser (Firefox oder Internet Explorer) mitteilt, was zu tun ist.

  5. HTML-Datei muss htm oder html als Dateierweiterung haben.

  6. HTML-Datei unterscheidet nicht zwischen Groß- und Kleinschreibung. , oder sind alle dasselbe Tag.

  7. HTML-Dateien können mit jedem Texteditor wie Notepad oder Wordpad in Windows, Vi oder Emacs in Unix oder Linux bearbeitet werden.

Schritte zum Erstellen einer HTML-Seite

Beginnen wir mit der Erstellung einer klassischen HTML-Datei „Hallo Welt“.

1. Texteditor

Öffnen Sie Ihren bevorzugten Texteditor, z. B. Notepad. Erstellen Sie eine leere Textdatei.

2. HTMP-Code

Kopieren Sie den folgenden HTML-Code und fügen Sie ihn in Ihre neu geöffnete Textdatei ein. 



This is title


Hello world

html-tutorial-hello-world-notepad

3. Speichern Sie es

Klicken Sie auf "Datei" und speichern Sie sie mit einer HTML-Dateierweiterung, z. B. "anynameyoulike.html".

html-tutorial-hello-world-save-as

4. Demo

Doppelklicken Sie, um es anzuzeigen. (Oder öffnen Sie die neu gespeicherte HTML-Datei mit Ihrem bevorzugten Internetbrowser).

html-tutorial-hello-world-view-it

Erklärung des Codes

  1. tag is tell internet browser this file is a start and end of the HTML file document.

  2. Der Text zwischen dem

    -Tag dient zur Angabe von HTML-Headerinformationen, die im Internetbrowser nicht angezeigt werden.

  3. Text zwischen </ title> wird in der linken oberen Ecke des Internetbrowsers als Titel der Webseite angezeigt. </p> </li> <li> <p>Text zwischen <body> </ body> wird im Internetbrowser als Inhalt angezeigt. </p> </li> </ol> </div> </div> </div> </div></body></html></div> <div class="row pl-3 mb-3"> <!-- AddToAny BEGIN --> <div class="a2a_kit a2a_kit_size_32 a2a_default_style"> <a class="a2a_button_facebook"></a> <a class="a2a_button_tumblr"></a> <a class="a2a_button_pinterest"></a> <a class="a2a_button_pocket"></a> <a class="a2a_button_evernote"></a> <a class="a2a_button_twitter"></a> <a class="a2a_button_line"></a> <a class="a2a_button_email"></a> <a class="a2a_button_reddit"></a> <a class="a2a_button_digg"></a> <a class="a2a_button_vk"></a> <a class="a2a_dd" href="https://www.addtoany.com/share"></a> </div> <script> var a2a_config = a2a_config || {}; a2a_config.onclick = 1; </script> <script async src="https://static.addtoany.com/menu/page.js"></script> <!-- AddToAny END --> </div> </article> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-7450216517803275" data-ad-slot="2842159643"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="col-12 col-lg-3"> <div class="card my-4 ad-sidebar"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7450216517803275" data-ad-slot="8195814284" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="card my-4 ad-sidebar"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7450216517803275" data-ad-slot="8195814284" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="card my-4 sticky-top"> <h5 class="card-header">Related</h5> <div class="card-body p-2"> <ul class="list-group list-group-flush"> <li class="list-group-item p-2"> <a href=/de/article/spring-mvc__spring-mvc-hello-world-annotation-example> Spring MVC Hallo Weltkommentar </a> </li> <li class="list-group-item p-2"> <a href=/de/article/mongodb__spring-data-mongodb-hello-world-example> Spring Data MongoDB Hallo Weltbeispiel </a> </li> <li class="list-group-item p-2"> <a href=/de/article/meteor__meteor-hello-world-example> Meteor Hallo Weltbeispiel </a> </li> <li class="list-group-item p-2"> <a href=/de/article/ant__ant-spring-mvc-and-war-file-example> Ant - Spring - MVC - und WAR - Datei Beispiel </a> </li> <li class="list-group-item p-2"> <a href=/de/article/spring-mvc__spring-mvc-hello-world-example> Spring MVC Hallo Weltbeispiel </a> </li> <li class="list-group-item p-2"> <a href=/de/article/struts2__struts-2-hello-world-example> Struts 2 Hello World Beispiel </a> </li> <li class="list-group-item p-2"> <a href=/de/article/google-app-engine__google-app-engine-hello-world-example-using-eclipse> Google App Engine Java - Hallo Weltbeispiel mit Eclipse </a> </li> <li class="list-group-item p-2"> <a href=/de/article/mongodb__mongodb-hello-world-example> MongoDB Hallo Weltbeispiel </a> </li> <li class="list-group-item p-2"> <a href=/de/article/jsf2__primefaces__primefaces-hello-world-example> PrimeFaces Hallo Weltbeispiel </a> </li> <li class="list-group-item p-2"> <a href=/de/article/logging__log4j-hello-world-example> Log4j Hallo Weltbeispiel </a> </li> <li class="list-group-item p-2"> <a href=/de/article/web-development__remember-declared-the-doctype-in-your-web-page> Denken Sie daran, das DOCTYPE auf Ihrer Webseite deklariert zu haben </a> </li> <li class="list-group-item p-2"> <a href=/de/article/html__html-font-tutorial> HTML-Schriften-Tutorial </a> </li> <li class="list-group-item p-2"> <a href=/de/article/html__html-elements> HTML-Elemente </a> </li> <li class="list-group-item p-2"> <a href=/de/article/javascript__how-to-get-element-by-name-in-html-getelementsbyname> Wie man ein Element nach Namen in HTML erhält - getElementsByName </a> </li> <li class="list-group-item p-2"> <a href=/de/article/java__how-to-convert-java-source-code-to-html-page> So konvertieren Sie Java-Quellcode in eine HTML-Seite </a> </li> <li class="list-group-item p-2"> <a href=/de/article/html__html-color-tutorial> HTML-Tutorial </a> </li> <li class="list-group-item p-2"> <a href=/de/article/regular-expressions__how-to-validate-html-tag-with-regular-expression> So validieren Sie das HTML-Tag mit regulären Ausdrücken </a> </li> <li class="list-group-item p-2"> <a href=/de/article/regular-expressions__how-to-extract-html-links-with-regular-expression> So extrahieren Sie HTML-Links mit regulären Ausdrücken </a> </li> <li class="list-group-item p-2"> <a href=/de/article/java__how-to-convert-html-to-javascript-js-in-java> Wie konvertiert man HTML in Javascript (.js) in Java? </a> </li> </ul> </div> </div> </div> </div> </div> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.9/styles/androidstudio.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.9/highlight.min.js"> </script> <script>hljs.initHighlightingOnLoad();</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.4.2/tocbot.min.js"></script> <link rel="stylesheet" type="text/css" href="/static/toc.css"> <script> tocbot.init({ // Where to render the table of contents. tocSelector: '.content-toc', // Where to grab the headings to build the table of contents. contentSelector: '.content', // Which headings to grab inside of the contentSelector element. // For headings inside relative or absolute positioned containers within content. hasInnerContainers: true, }); </script> <footer class="py-5 bg-dark"> <div class="container text-white"> <p > DMCA: dmca#codeflow.stie </p> Copyright ©<span> 2025</span> </div> </footer> </body> </html>