#1 - Html Basics

2026-03-02 20:44:58 +01:00
5 changed files with 54 additions and 0 deletions
--- a/.DS_Store
+++ b/.DS_Store
--- a/02.03/Box/index.html
+++ b/02.03/Box/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Matura-Kurs</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body></body>
+</html>
--- a/02.03/Box/style.css
+++ b/02.03/Box/style.css
@@ -0,0 +1,8 @@
+body {
+  border: 1px solid black;
+  position: fixed;
+  top: 50px;
+  left: 50px;
+  right: 50px;
+  bottom: 50px;
+}
--- a/02.03/W3Schools/img.png
+++ b/02.03/W3Schools/img.png
--- a/02.03/W3Schools/index.html
+++ b/02.03/W3Schools/index.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>W3 Schools - HTML</title>
+    <style>
+      body {
+        display: flex;
+        flex-direction: column;
+      }
+    </style>
+  </head>
+  <body>
+    <h1 style="background-color: hotpink">Das ist eine H1 Überschrift</h1>
+    <h2 st>Das ist eine H2 Überschrift</h2>
+    <h3>Das ist eine H3 Überschrift</h3>
+    <h4>Das ist eine H4 Überschrift</h4>
+    <h5>Das ist eine H5 Überschrift</h5>
+    <h6>Das ist eine H6 Überschrift</h6>
+    <p style="color: red" title="Das ist ein Tooltip">Das ist ein Paragraph</p>
+    <a href="https://www.w3schools.com">W3 Schools Link</a>
+    <img src="./img.png" alt="WHugging Face logo" width="150px" />
+    <i>Das ist eine kursive Schrift</i>
+    <b>Das ist eine fette Schrift</b>
+    <u>Das ist eine unterstrichene Schrift</u>
+    <s>Das ist eine durchgestrichene Schrift</s>
+    <small>Das ist eine kleine Schrift</small>
+    <big>Das ist eine große Schrift</big>
+    <sub>Das ist eine tiefgestellte Schrift</sub>
+    <sup>Das ist eine hochgestellte Schrift</sup>
+    <blockquote>Das ist ein blockzitierten Text</blockquote>
+    <!-- Das ist ein Kommentar -->
+    <div style="background-color: Tomato">Das ist ein Div</div>
+  </body>
+</html>