1<!DOCTYPE html>
2<html>
3<head>
4<title>Page Title</title>
5</head>
6<body>
7
8<h1>This is a Heading</h1>
9<p>This is a paragraph.</p>
10
11</body>
12</html>
13
1<!DOCTYPE html> <!-- Start of coding page -->
2<html> <!-- Start of html coding -->
3 <head> <!-- Start of head -->
4 <title>TITLE</title> <!-- Title -->
5 <script>
6 //JavaScript
7 </script>
8 <style>
9 /* CSS */
10 </style>
11 </head> <!-- End of head -->
12 <body> <!-- Start of body -->
13 <h1>Hello!</h1>
14 </body> <!-- End of body -->
15</html> <!-- End of html coding -->
1<!-- This is a full html and css page on how to create a basic webpage -->
2
3<!DOCTYPE html>
4<html>
5
6<head>
7<title>My Graphics Page</title>
8<link href="style.css" rel="stylesheet" />
9</head>
10
11<body>
12<header>
13<h1>Header text</h1>
14</header>
15
16<nav>
17<h1>Nav text</h1>
18</nav>
19
20<main>
21<h1>Main text</h1>
22</main>
23
24<aside>
25<h1>Aside text</h1>
26</aside>
27
28<footer>
29<h1>Footer text</h1>
30</footer>
31
32</body>
33</html>
34
35<!-- css page called 'style.css' -->
36header{
37 background-color: orange;
38 width: 100%;
39 height: 150px;
40 text-align: center;
41}
42
43nav{
44 background-color: lime;
45 width: 24%;
46 height: 400px;
47 float: left;
48 text-align: center;
49 margin-right: 1%;
50}
51
52main{
53 background-color: yellow;
54 width: 50%;
55 height: 400px;
56 text-align: center;
57 float: left;
58}
59
60aside{
61 width: 24%;
62 background-color: lightblue;
63 height: 400px;
64 float: right;
65 text-align: center;
66 margin-left: 1%;
67}
68
69footer{
70 background-color: pink;
71 width: 100%;
72 height: 150px;
73 text-align: center;
74 clear: both;
75}
1
2<style>
3#header {
4 background-color:black;
5
6 color:white;
7
8
9text-align:center;
10 padding:5px;
11}
12#nav {
13 line-height:30px;
14
15
16background-color:#eeeeee;
17 height:300px;
18 width:100px;
19
20 float:left;
21
22
23padding:5px;
24}
25#section {
26 width:350px;
27 float:left;
28
29
30padding:10px;
31}
32#footer {
33 background-color:black;
34
35
36color:white;
37 clear:both;
38 text-align:center;
39
40 padding:5px;
41}
42
43</style>
44