Skip to content

Commit 7ed4dd7

Browse files
addaukaddauk
committed
Cheatsheet project
1 parent 227c8b9 commit 7ed4dd7

File tree

2 files changed

+114
-0
lines changed

2 files changed

+114
-0
lines changed

‎html-css-cheatsheet-starting/index.html

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<link href="./styles.css" type="text/css" rel="stylesheet" />
5+
6+
<title>HTML Table cheatsheet</title>
7+
</head>
8+
<body>
9+
<header>
10+
<h1>HTML Table Reference</h1>
11+
</header>
12+
<section id="tags">
13+
<h2>Table Tags</h2>
14+
15+
<table>
16+
<thead>
17+
<tr>
18+
<th>Tag</th>
19+
<th>Name</th>
20+
<th>Description</th>
21+
</tr>
22+
</thead>
23+
<tbody>
24+
<tr>
25+
<td class="code">&lt;table&gt;</td>
26+
<td>Table</td>
27+
<td>The wrapper element for all HTML tables.</td>
28+
</tr>
29+
<tr>
30+
<td class="code">&lt;thead&gt;</td>
31+
<td>Table Head</td>
32+
<td>The set of rows defining the column headers in a table.</td>
33+
</tr>
34+
<tr>
35+
<td class="code">&lt;tbody&gt;</td>
36+
<td>Table Body</td>
37+
<td>The set of rows containing actual table data.</td>
38+
</tr>
39+
<tr>
40+
<td class="code">&lt;tr&gt;</td>
41+
<td>Table Row</td>
42+
<td>The table row container.</td>
43+
</tr>
44+
<tr>
45+
<td class="code">&lt;td&gt;</td>
46+
<td>Table Data</td>
47+
<td>The table data container.</td>
48+
</tr>
49+
<tr>
50+
<td class="code">&lt;tfoot&gt;</td>
51+
<td>Table foot</td>
52+
<td>The set of rows defining the footer in a table.</td>
53+
</tr>
54+
</tbody>
55+
</table>
56+
</section>
57+
<section id="attributes">
58+
<h2>Table Attributes</h2>
59+
<table>
60+
<thead>
61+
<tr>
62+
<th>Attribute</th>
63+
<th>Name</th>
64+
<th>Description</th>
65+
</tr>
66+
</thead>
67+
<tbody>
68+
<tr>
69+
<td class="code">colspan</td>
70+
<td>Column Span</td>
71+
<td>Defines how many columns a td element should span.</td>
72+
</tr>
73+
<tr>
74+
<td class="code">rowspan</td>
75+
<td>Row Span</td>
76+
<td>Defines how many rows a td element should span.</td>
77+
</tr>
78+
</tbody>
79+
</table>
80+
</section>
81+
</body>
82+
</html>

‎html-css-cheatsheet-starting/styles.css

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
body {
2+
font-family: Arial, sans-serif;
3+
background-color: gainsboro;
4+
}
5+
6+
h1 {
7+
text-align: center;
8+
}
9+
10+
h2 {
11+
color: rebeccapurple;
12+
text-align: center;
13+
}
14+
15+
table {
16+
border: 2px solid darkorchid;
17+
width: 650px;
18+
margin: 0 auto;
19+
}
20+
21+
thead {
22+
background-color: plum;
23+
}
24+
25+
td {
26+
border-top: 1px solid darkorchid;
27+
}
28+
29+
.code {
30+
font-family: monospace;
31+
background-color: beige;
32+
}

0 commit comments

Comments
 (0)