-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
78 lines (73 loc) · 1.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Hier ist der Titel</title>
<style>
body {
background-color: rgb(37, 37, 37);
color: white;
margin-left: 2%;
margin-right: 2%;
}
h1 {
text-align: center;
}
</style>
</head>
<h1>
Grungerüst einer Webseite
</h1>
<body>
In einem Grundgerüst muss erstmal festgelegt werden, dass die Webseite mit
html dargestellt wird. Desshalb beginnt man das Dokument mit dem "html" Tag.
Um eine Webseite richtig darzustellen benötigt man einen "head" und
einen "body". In diesen können alle weiteren Inhalte eingefügt werden.
<br><br>
Überschriften werden durch "h" und eine Zahl dargestellt (z.B. h1). Je
kleiner die Zahl desto kleiner die Überschrift.
<br>
Den normalen Text kann man einfach in den "body" schreiben.
<p></p>
<h2>Listen</h2>
<ol>
<li>Eine Liste kann man mit dem "ol" Tag</li>
</ol>
<ul>
<li>oder dem "ul" Tag darstellen.</li>
<li>Außerdem benötigt man den "li" Tag</li>
<li>um die Zeilen zu definieren</li>
</ul>
<br>
<h2>Tabellen</h2>
Tabellen stellt man mit dem "table" Tag dar.<br>
Mit dem "tr" Befehl legt man die Zeile fest
und mit "td" erzeugt man eine Spalte
<table>
Tabelle:
<tr>
<td>hallo</td>
<td>hallo2</td>
</tr>
<tr>
<td>hey</td>
</tr>
</table>
<br>
<h2>Aufzählungen</h2>
Der "li" Tag erzeugt eine Aufzählung. Jede einzelne Aufzählung muss neu mit diesem Tag versehen werden. Optimaler Weise
nutzt man wie bei Listen <ol> oder <ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<br><br><!-- Hier geht es weiter zur Verschlüsselung ->
<a href="Verschlüsselung.html">Verschlüsselung</a> -->
<a href="Startseite.html">Hier geht es zur Moderneren Variante</a>
</body>
</html>