bherzog/Informationsmanagement-und-Medientechnik
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

#1 - Html Basics

Browse Source
This commit is contained in:
HerzogDev
2026-03-02 20:44:58 +01:00
parent 29c70f553c
commit 4c9088b440
5 changed files with 54 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored Normal file
View File

Binary file not shown.

10
02.03/Box/index.html Normal file
View File

@@ -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>

8
02.03/Box/style.css Normal file
View File

@@ -0,0 +1,8 @@
body {
border: 1px solid black;
position: fixed;
top: 50px;
left: 50px;
right: 50px;
bottom: 50px;
}

BIN
02.03/W3Schools/img.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

36
02.03/W3Schools/index.html Normal file
View File

@@ -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>