{"id":29,"date":"2024-02-25T18:11:42","date_gmt":"2024-02-25T17:11:42","guid":{"rendered":"https:\/\/one.rs\/?p=29"},"modified":"2024-02-29T22:47:26","modified_gmt":"2024-02-29T21:47:26","slug":"html-einstieg","status":"publish","type":"post","link":"https:\/\/one.rs\/?p=29","title":{"rendered":"HTML Einstieg"},"content":{"rendered":"\n<p>Die erste Unterrichtslektion<\/p>\n\n\n\n<div class=\"section-wrapper\" data-id=\"qP2JxJ\"><section class=\"wp-block-gutenverse-section guten-element guten-section guten-qP2JxJ layout-boxed align-stretch\"><div class=\"guten-background-overlay\"><\/div><div class=\"guten-shape-divider guten-shape-divider-top\"><\/div><div class=\"guten-shape-divider guten-shape-divider-bottom\"><\/div><div class=\"guten-container guten-column-gap-default\">\n<div class=\"wp-block-gutenverse-column guten-element guten-column guten-R9YdLi animated guten-element-hide slow desktop-fadeIn\"><div class=\"guten-background-overlay\"><\/div><div class=\"sticky-wrapper\" data-id=\"R9YdLi\"><div class=\"guten-column-wrapper\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<pre class=\"wp-block-code\"><code><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Einstieg<\/title>\n<\/head>\n<body>\n    <a href=\"#unten\" id=\"oben\">Hier ist OBEN ab nach UNTEN<\/a><br>\n    <!--Dies ist ein HTML Kommentar, dieser wird in VS Code mit STRG + # eingef\u00fcgt  -->\n    <!-- h1 bis h6 sind \u00dcberschriften, wobei die h1 die gr\u00f6sste und h6 die kleinste ist -->\n    <h1>Heute ist Freitag<\/h1>\n    <h2>Heute ist Freitag<\/h2>\n    <h3>Heute ist Freitag<\/h3>\n    <h4>Heute ist Freitag<\/h4>\n    <h5>Heute ist Freitag<\/h5>\n    <h6>Heute ist Freitag<\/h6>\n    <!-- hr f\u00fcgt eine Trennlinie ein -->\n    <hr>\n    <h2>Absatz<\/h2>\n    <!-- p-Element ersterllt einen Absatz -->\n    <p>Dies ist ein Absatz<\/p>\n    <!-- p>lorem => ertellt einen Absatz mit einem Lorem ipsum text -->\n    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae aperiam nam libero amet iste, reiciendis\n        fugiat, ipsum vitae sunt totam maiores distinctio necessitatibus sint fugit assumenda omnis minima in\n        voluptates!<\/p>\n    <!-- p>lorem 10 erstellt einen Absatz mit Lorem ipsum Text mit 10 W\u00f6rtern -->\n    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, fuga.<\/p>\n    <hr>\n    <h2>HTML-Formatirungen<\/h2>\n    <!-- b-Element formatiert den Text FETT dargestellt -->\n    <b>Lorem ipsum FETT.<\/b>\n    <!-- br-Tag f\u00fcgt einen Zeilenumbruch ein -->\n    <br>\n    <!-- i-Element formatiert den Text Kursive dargestellt -->\n    <i>Lorem ipsum Kursiv.<\/i>\n    <br>\n    <!-- u-Element unterstreicht den text -->\n    <u>Lorem ipsum unterstrichen.<\/u>\n    <br>\n    <u><b><i>Lorem ipsum Feett, Kursiv und unterstrichen<\/u><\/b><\/i>\n    <br>\n    <!-- ins - Element => eingef\u00fcgter Text -->\n    <ins>lorem ipsum<\/ins>\n    <br>\n    <!--del - Element => gel\u00f6schter Text  -->\n    <del>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae, eligendi.<\/del>\n    <br>\n    <!-- sub - Element => tiefgestellter Text -->\n    <p>Normal<sub>tiefgestellt<\/sub><\/p>\n    <!-- sup - Element => hochgestellter Text -->\n    <p>m<sup>2<\/sup><\/p>\n    <!-- mark => hervorgehobener Text -->\n    <mark>Lorem, ipsum dolor.<\/mark>\n    <hr>\n    <h2>Listen<\/h2>\n    <h3>sortierte Listen<\/h3>\n    <!-- ol>li*4 -->\n    <!-- type=a,A,1,I,i -->\n    <ol>\n        <li>Wien<\/li>\n        <li>Linz<\/li>\n        <li>Graz<\/li>\n        <li>Salzburg<\/li>\n    <\/ol>\n    <hr>\n    <h3>unsortierte Listen<\/h3>\n    <ul>\n        <li>Wien<\/li>\n        <li>Linz<\/li>\n        <li>Graz<\/li>\n        <li>Salzburg<\/li>\n    <\/ul>\n    <h3>Definitionsliste<\/h3>\n    <dl>\n        <dt>Microsoft<\/dt>\n        <dd>produziert: Windows, Office, Word<\/dd>\n        <dt>Apple<\/dt>\n        <dd>produziert: iPhone, iMack, iPad,<\/dd>\n    <\/dl>\n    <hr>\n    <h3>verschahtelte Liste<\/h3>\n    <ul>\n        <li>Limondae<\/li>\n        <ul>Cola<\/ul>\n        <ul>Fanta<\/ul>\n        <ul>Sprite<\/ul>\n        <li>Kaffe\n            <ol>\n                <li>Grosser brauner<\/li>\n                <li>Melange<\/li>\n                <li>Mokka<\/li>\n            <\/ol>\n        <li>Biere\n        <ul>\n            <li>G\u00f6sser<\/li>\n            <li>Hirter<\/li>\n            <li>Puntigamer<\/li>\n            <li>Stiegl<\/li>\n            <li>Zipfer<\/li>\n        <\/ul>\n        <\/li>\n    <\/ul>\n    <hr>\n    <!-- 19.02.24 -->\n    <h2>Hyperlinks<\/h2>\n    <h3>Links zur Webseiten\/HTML-Dateien<\/h3>\n    <a href=\"HTML-Sammelsurium.html\">Zur Sammelsurium-Datei im selben Tab<\/a>\n    <a href=\"HTML-Sammelsurium.html\" target=\"_blank\" rel=\"noopener\">Zur Sammelsurium-Datei im neuen Tab<\/a>\n    <a href=\"http:\/\/www.bbrz.at\" target=\"_blank\" rel=\"noopener\"><\/a>\n    <hr>\n    <h3>Mail-Links<\/h3>\n    <!-- Normale eMail -->\n    <a href=\"mailto:mail@one.rs\">Sende mir eine eMail<\/a><br>\n    <!-- eMail mit zwei Empf\u00e4nger -->\n    <a href=\"mailto:mail@one.rs?cc=mitzi@huber.at\">Sende mir und Mitzi eine eMail<\/a><br>\n    <!-- eMail mit drei Empf\u00e4nger, BCC kann nicht sehen wer alles die eMail bekommen hatt -->\n    <a href=\"mailto:mail@one.rs?cc=mitzi@huber.at&#038;bcc=max@muster.at\">Sende mir Mitzi und MAx (in BCC) eine eMail<\/a><br>\n    <!-- eMail mit Einladung (\u00dcberschrifft) -->\n    <a href=\"mailto:mail@one.rs?subject=Einladung%20zur%20Party\">Partyeinladung mit Betreff<\/a><br>\n    <!-- eMail mit Einladung, \u00dcberschrifft und Text -->\n    <a href=\"mailto:mail@one.rs?subject=Einladung%20zur%20Party&#038;body=Ich%20komme%20zur%20Party\">Partyeinladung mit\n        Betreff und Text<\/a><br>\n    <hr>\n    <h2>Bilder<\/h2>\n    <!--PFUI so nicht \n    <img decoding=\"async\" src=\"..\/images\/Landschaft_Klein.bmp\" alt=\"Bild einer sch\u00f6nen Insel\" wight=\"300px\">  -->\n    <img decoding=\"async\" src=\"..\/images\/Landschaft_Klein.bmp\" alt=\"Bild einer Insel\">\n    <h3>Verlinkungen auf die selbe Seite<\/h3>\n    <a href=\"#unten\" id=\"oben\">Hier ist OBEN ab nach UNTEN<\/a><br>\n    <div style=\"margin-bottom: 2000;\"><\/div>\n    <a href=\"#oben\" id=\"unten\">Hier ist UNTEN ab nach OBEN<\/a>\n    <div style=\"margin-bottom: 2000;\"><\/div>\n    <br>\n    <h5>23.02.24<\/h5>\n    <!-- 23.02.24 -->\n    <h3>Verlinkungen auf andere Seiten<\/h3>\n    <a href=\"..\/html\/HTML-Tabellen.html\" target=\"_blank\" rel=\"noopener\">Tabellen.html<\/a>\n    <br>\n    <a href=\"..\/html\/HTML-\u00dcbungen.html\" target=\"_blank\" rel=\"noopener\">\u00dcbungen<\/a><br>\n<\/body>\n<\/html><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-gutenverse-column guten-element guten-column guten-7QjthJ\"><div class=\"guten-background-overlay\"><\/div><div class=\"sticky-wrapper\" data-id=\"7QjthJ\"><div class=\"guten-column-wrapper\">\n<div class=\"guten-element guten-spacer guten-UhlWlx\"><\/div>\n\n\n\n<p>&lt;!DOCTYPE html&gt;<\/p>\n\n\n\n<p>&lt;html lang=&#8220;de&#8220;&gt;<\/p>\n\n\n\n<p>&lt;head&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;meta charset=&#8220;UTF-8&#8243;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;meta name=&#8220;viewport&#8220; content=&#8220;width=device-width, initial-scale=1.0&#8243;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;title&gt;Einstieg&lt;\/title&gt;<\/p>\n\n\n\n<p>&lt;\/head&gt;<\/p>\n\n\n\n<p>&lt;body&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;a href=&#8220;#unten&#8220; id=&#8220;oben&#8220;&gt;Hier ist OBEN ab nach UNTEN&lt;\/a&gt;&lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211;Dies ist ein HTML Kommentar, dieser wird in VS Code mit STRG + # eingef\u00fcgt &nbsp;&#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; h1 bis h6 sind \u00dcberschriften, wobei die h1 die gr\u00f6sste und h6 die kleinste ist &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h1&gt;Heute ist Freitag&lt;\/h1&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h2&gt;Heute ist Freitag&lt;\/h2&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h3&gt;Heute ist Freitag&lt;\/h3&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h4&gt;Heute ist Freitag&lt;\/h4&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h5&gt;Heute ist Freitag&lt;\/h5&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h6&gt;Heute ist Freitag&lt;\/h6&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; hr f\u00fcgt eine Trennlinie ein &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;hr&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"guten-element guten-spacer guten-MbZZ1k\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>&lt;h2&gt;Absatz&lt;\/h2&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; p-Element ersterllt einen Absatz &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;p&gt;Dies ist ein Absatz&lt;\/p&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; p&gt;lorem =&gt; ertellt einen Absatz mit einem Lorem ipsum text &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;p&gt;Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae aperiam nam libero amet iste, reiciendis<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; fugiat, ipsum vitae sunt totam maiores distinctio necessitatibus sint fugit assumenda omnis minima in<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; voluptates!&lt;\/p&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; p&gt;lorem 10 erstellt einen Absatz mit Lorem ipsum Text mit 10 W\u00f6rtern &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;p&gt;Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, fuga.&lt;\/p&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;hr&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; <\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"guten-element guten-spacer guten-1U7jxc\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>&lt;h2&gt;HTML-Formatirungen&lt;\/h2&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; b-Element formatiert den Text FETT dargestellt &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;b&gt;Lorem ipsum FETT.&lt;\/b&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; br-Tag f\u00fcgt einen Zeilenumbruch ein &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; i-Element formatiert den Text Kursive dargestellt &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;i&gt;Lorem ipsum Kursiv.&lt;\/i&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; u-Element unterstreicht den text &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;u&gt;Lorem ipsum unterstrichen.&lt;\/u&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;u&gt;&lt;b&gt;&lt;i&gt;Lorem ipsum Feett, Kursiv und unterstrichen&lt;\/u&gt;&lt;\/b&gt;&lt;\/i&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; ins &#8211; Element =&gt; eingef\u00fcgter Text &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;ins&gt;lorem ipsum&lt;\/ins&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211;del &#8211; Element =&gt; gel\u00f6schter Text &nbsp;&#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;del&gt;Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae, eligendi.&lt;\/del&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; sub &#8211; Element =&gt; tiefgestellter Text &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;p&gt;Normal&lt;sub&gt;tiefgestellt&lt;\/sub&gt;&lt;\/p&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; sup &#8211; Element =&gt; hochgestellter Text &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;p&gt;m&lt;sup&gt;2&lt;\/sup&gt;&lt;\/p&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; mark =&gt; hervorgehobener Text &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;mark&gt;Lorem, ipsum dolor.&lt;\/mark&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;hr&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; <\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"guten-element guten-spacer guten-Ydtol0\"><\/div>\n\n\n\n<p>&lt;h2&gt;Listen&lt;\/h2&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; <\/p>\n\n\n\n<div class=\"guten-element guten-spacer guten-GmcZyV\"><\/div>\n\n\n\n<p>&lt;h3&gt;sortierte Listen&lt;\/h3&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p> &lt;!&#8211; ol&gt;li*4 &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; type=a,A,1,I,i &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp;<\/p>\n\n\n\n<div class=\"guten-element guten-spacer guten-sNUgQy\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p> &lt;ol&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Wien&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Linz&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Graz&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Salzburg&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;\/ol&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;hr&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; <\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"guten-element guten-spacer guten-LCZiX3\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>&lt;h3&gt;unsortierte Listen&lt;\/h3&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;ul&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Wien&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Linz&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Graz&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Salzburg&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;\/ul&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; <\/p>\n\n\n\n<div class=\"guten-element guten-spacer guten-fJHBsC\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>&lt;h3&gt;Definitionsliste&lt;\/h3&gt;<\/p>\n\n\n\n<div class=\"guten-element guten-spacer guten-d945up\"><\/div>\n\n\n\n<p>&nbsp; &nbsp; &lt;dl&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;dt&gt;Microsoft&lt;\/dt&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;dd&gt;produziert: Windows, Office, Word&lt;\/dd&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;dt&gt;Apple&lt;\/dt&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;dd&gt;produziert: iPhone, iMack, iPad,&lt;\/dd&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;\/dl&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>&lt;hr&gt;<\/p>\n\n\n\n<div class=\"guten-element guten-spacer guten-OotdPc\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h3&gt;verschahtelte Liste&lt;\/h3&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp;<\/p>\n\n\n\n<div class=\"guten-element guten-spacer guten-3vHM6X\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p> &lt;ul&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Limondae&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;Cola&lt;\/ul&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;Fanta&lt;\/ul&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;Sprite&lt;\/ul&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Kaffe<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ol&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Grosser brauner&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Melange&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Mokka&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;\/ol&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Biere<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;G\u00f6sser&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Hirter&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Puntigamer&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Stiegl&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Zipfer&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;\/ul&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;\/ul&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; <\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"guten-element guten-spacer guten-MhzmQd\"><\/div>\n\n\n\n<p>&lt;hr&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; 19.02.24 &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; <\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"guten-element guten-spacer guten-x2iOSv\"><\/div>\n\n\n\n<p>&lt;h2&gt;Hyperlinks&lt;\/h2&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h3&gt;Links zur Webseiten\/HTML-Dateien&lt;\/h3&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;a href=&#8220;HTML-Sammelsurium.html&#8220;&gt;Zur Sammelsurium-Datei im selben Tab&lt;\/a&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;a href=&#8220;HTML-Sammelsurium.html&#8220; target=&#8220;_blank&#8220;&gt;Zur Sammelsurium-Datei im neuen Tab&lt;\/a&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;a href=&#8220;http:\/\/www.bbrz.at&#8220; target=&#8220;_blank&#8220;&gt;&lt;\/a&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;hr&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h3&gt;Mail-Links&lt;\/h3&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; Normale eMail &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;a href=&#8220;mailto:mail@one.rs&#8220;&gt;Sende mir eine eMail&lt;\/a&gt;&lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; eMail mit zwei Empf\u00e4nger &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;a href=&#8220;mailto:mail@one.rs?cc=mitzi@huber.at&#8220;&gt;Sende mir und Mitzi eine eMail&lt;\/a&gt;&lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; eMail mit drei Empf\u00e4nger, BCC kann nicht sehen wer alles die eMail bekommen hatt &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;a href=&#8220;mailto:mail@one.rs?cc=mitzi@huber.at&amp;bcc=max@muster.at&#8220;&gt;Sende mir Mitzi und MAx (in BCC) eine eMail&lt;\/a&gt;&lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; eMail mit Einladung (\u00dcberschrifft) &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;a href=&#8220;mailto:mail@one.rs?subject=Einladung%20zur%20Party&#8220;&gt;Partyeinladung mit Betreff&lt;\/a&gt;&lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; eMail mit Einladung, \u00dcberschrifft und Text &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;a href=&#8220;mailto:mail@one.rs?subject=Einladung%20zur%20Party&amp;body=Ich%20komme%20zur%20Party&#8220;&gt;Partyeinladung mit<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; Betreff und Text&lt;\/a&gt;&lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;hr&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h2&gt;Bilder&lt;\/h2&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211;PFUI so nicht<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;img src=&#8220;..\/images\/Landschaft_Klein.bmp&#8220; alt=&#8220;Bild einer sch\u00f6nen Insel&#8220; wight=&#8220;300px&#8220;&gt; &nbsp;&#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;img src=&#8220;..\/images\/Landschaft_Klein.bmp&#8220; alt=&#8220;Bild einer Insel&#8220;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h3&gt;Verlinkungen auf die selbe Seite&lt;\/h3&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;a href=&#8220;#unten&#8220; id=&#8220;oben&#8220;&gt;Hier ist OBEN ab nach UNTEN&lt;\/a&gt;&lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;div style=&#8220;margin-bottom: 2000;&#8220;&gt;&lt;\/div&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;a href=&#8220;#oben&#8220; id=&#8220;unten&#8220;&gt;Hier ist UNTEN ab nach OBEN&lt;\/a&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;div style=&#8220;margin-bottom: 2000;&#8220;&gt;&lt;\/div&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h5&gt;23.02.24&lt;\/h5&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;!&#8211; 23.02.24 &#8211;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h3&gt;Verlinkungen auf andere Seiten&lt;\/h3&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;a href=&#8220;..\/html\/HTML-Tabellen.html&#8220; target=&#8220;_blank&#8220;&gt;Tabellen.html&lt;\/a&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;br&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;a href=&#8220;..\/html\/HTML-\u00dcbungen.html&#8220; target=&#8220;_blank&#8220;&gt;\u00dcbungen&lt;\/a&gt;&lt;br&gt;<\/p>\n\n\n\n<p>&lt;\/body&gt;<\/p>\n\n\n\n<p>&lt;\/html&gt;<\/p>\n<\/div><\/div><\/div>\n<\/div><\/section><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Die erste Unterrichtslektion<\/p>\n","protected":false},"author":1,"featured_media":59,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-29","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein"],"_links":{"self":[{"href":"https:\/\/one.rs\/index.php?rest_route=\/wp\/v2\/posts\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/one.rs\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/one.rs\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/one.rs\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/one.rs\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":49,"href":"https:\/\/one.rs\/index.php?rest_route=\/wp\/v2\/posts\/29\/revisions"}],"predecessor-version":[{"id":141,"href":"https:\/\/one.rs\/index.php?rest_route=\/wp\/v2\/posts\/29\/revisions\/141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/one.rs\/index.php?rest_route=\/wp\/v2\/media\/59"}],"wp:attachment":[{"href":"https:\/\/one.rs\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/one.rs\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/one.rs\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}