![\"HTML](\"https:\/\/maximini.eu\/work\/wp-content\/uploads\/sites\/4\/2023\/07\/HTML-Datei_Icon-e1690029946997-300x189.png\"){kind=icon}
In der zweiten Lektion lernen Sie, wie Hyperlinks erstellt werden und wie Sie die Inhalte auf Ihrer Webseite strukturieren k\u00f6nnen. Schlie\u00dflich werden Sie in der Lage sein, eine eigene HTML-Seite zu erstellen, auf der die \u00dcberschrift \u201eHallo Welt\u201c und zwei weitere Abs\u00e4tze mit Blindtext stehen. Darin werden zwei Hyperlinks eingef\u00fcgt, ein Link, der zu einer anderen Webseite f\u00fchrt und ein Link innerhalb der eigenen Webseite.<\/p>\n
<\/a>Inhalt<\/strong> <\/p>\n Um Texte zu strukturieren werden \u00dcberschriften (en: headings) und Abs\u00e4tze (en: paragraphs) verwendet . Es gibt sechs Heading-Tags, die einen Text umschlie\u00dfen und diesen als Haupt- oder Zwischen\u00fcberschrift kennzeichnen. Sie werden mit den HTML Tags <h1> bis <h6> beschrieben, die hinter dem \u00dcberschriftentext immer durch die jeweiligen End-Tags abgeschlossen werden. Ein Textabsatz wird von Paragraph-Tags <p><\/a><\/p> umschlossen. Der End-Tag <\/p> ist optional<\/a>, d.h. nicht unbedingt notwendig, da die Browser beim Parsen<\/a> das schlie\u00dfende Tag erg\u00e4nzen. Allerdings nicht immer dort, wo vom Autor gew\u00fcnscht. Nur wenn Sie ihre Abs\u00e4tze mit einem End-Tag beenden, k\u00f6nnen Sie sicher sein, das die Formatierung korrekt dargestellt wird. Mit folgendem Code wird der Text „Hallo Welt“ als Haupt\u00fcberschrift 1 (en: Heading one) ausgezeichnet und danach ein Absatz mit einem Text hinzu gef\u00fcgt.<\/p>\n zur\u00fcck zum Inhalt |<\/a><\/span><\/p>\n <\/p>\n
\n| 02.1 | Texte strukturieren in Abs\u00e4tze mit \u00dcberschriften<\/a>
\n| 02.2 | Hyperlinks mit HTML erstellen<\/a>
\n | 02.2.1 | Links innerhalb einer HTML-Seite (interne Links)<\/a>
\n | 02.2.2 | Links zu anderen HTML-Seiten (externe Links) <\/a>
\n| 02.3 | Praktische \u00dcbung<\/a><\/code><\/p>\n
\n<\/a>| 02.1 | Texte strukturieren in Abs\u00e4tze mit \u00dcberschriften<\/h2>\n
![\"HTML](\"https:\/\/maximini.eu\/work\/wp-content\/uploads\/sites\/4\/2024\/01\/Abb_HTML_uebung021-scaled.jpg\")
<\/a><h1> Hallo Welt <\/h1> \r\n<p> Dieser Text hat ein eigenes kleines Thema.<\/p><\/pre>\n
\nTesten Sie ihr Wissen<\/h2>\n