-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
109 lines (102 loc) · 3.52 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html>
<head>
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap"
rel="stylesheet"
/>
<script
src="https://kit.fontawesome.com/466523c8e9.js"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="main.css" />
<link rel="stylesheet" href="navigation.css" />
<title>WebDev 2021 - Paski</title>
</head>
<body>
<nav class="navbar">
<ul class="navbar-nav">
<li class="nav-item">
<a href="index.html" class="nav-link">
<i class="fas fa-home"></i>
<span class="link-text logo-text">Home</span>
</a>
<a href="projects.html" class="nav-link">
<i class="fas fa-project-diagram"></i>
<span class="link-text logo-text">Projects</span>
</a>
<a href="#" class="nav-link">
<i class="fas fa-id-badge"></i>
<span class="link-text logo-text">About Me</span>
</a>
<a href="#" class="nav-link">
<i class="fas fa-link"></i>
<span class="link-text logo-text">Links</span>
</a>
<a href="feedback.html" class="nav-link">
<i class="fas fa-comment"></i>
<span class="link-text logo-text">Feedback *</span>
</a>
<a href="flexbox.html" class="nav-link">
<i class="fas fa-boxes"></i>
<span class="link-text logo-text">Flexbox *</span>
</a>
</li>
</ul>
</nav>
<div class="main">
<h1>WebDev 2021</h1>
<h3>Tatu-Topias Paski</h3>
<p>Student at LAB University of Applied Sciences - LITAD19</p>
</div>
<div class="whatishtml main">
<h2>What is html?</h2>
<p>
HTML is Hyper Text Markup Language first announced in 1991. HTML is now
in HTML5.2 as the latest update came in in 2021
</p>
<p>HTML has few features that you can use to format your own website.</p>
<p>
Using h1 to h6 gives you different sized titles. Do not mistake the
title as what you can see on top of the web browser as the name of the
website.
</p>
<table class="headers-format">
<tr>
<td><h1>H1</h1></td>
<td><h2>H2</h2></td>
<td><h3>H3</h3></td>
<td><h4>H4</h4></td>
<td><h5>H5</h5></td>
<td><h6>H6</h6></td>
</tr>
</table>
<p>
As you see the font size goes down the further more you go with h'x'
numbers.
</p>
<h3>What do you need in your html form?</h3>
<p>
You need the base of a html form. It will contain html, head, title and
body. This is the bare minimum required. It will run with just html
start and end tags, but it is not recommended. I will link below my go
to html base that I use everytime I start doing a new html page.
</p>
<a href="https://www.sitepoint.com/a-basic-html5-template/"
>SitePoint basic html boiler plate</a
>
<p>
When using links u will use html tag called A. Basic link setup is 'a
href="http://xxxxxxxx"'.
</p>
<p>
If you need a bigger line change you can use BR tag. It will give you
what ever big line change you want. You can customize the size of it in
you stylesheet.
</p>
<h3>Images</h3>
<p>You can link images using 'img' tag.</p>
<img id="yhdistys" class="main" src="images/yhdistys_alpha.png" />
</div>
</body>
</html>