web-design-u1/basic.html at main · NNHSComputerScience/web-design-u1 · GitHub

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
<!--This is a comment. It is not displayed on the web page. Think of as notes to self or others.

Name: Mr. Callaghan
Title: 5 basic tags notes

The five basic tags are aligned furthest to the left in the document.
All nested elements inside the basic tags will be indented.  HTML does not care about whitespace!  We just use it to organize our code.
-->
<!DOCTYPE HTML>  <!-- Indicate the version of HTML being used. This is for HTML5 -->

<html>  <!-- Tells the browser to start parsing the html code inside -->

<head>  <!-- Mostly non-visual element associated with the page; often referred to as metadata, or info about the page info -->

	<title>Hello World.</title> <!-- title of page; displays in the browser tab -->

</head>

<body>  <!-- all the page content; where all visual element of the page reside -->
	<!-- HTML does not care about capitalization/case, however we should be consistent and usually lowercase is preferred. -->

	<!-- a tag to signify a text paragraph -->
	<p>This is a text paragraph to display on a web page. </p>

	<!-- Elements contained within other elements should be nested, or tabbed, and vertically aligned.-->
	<universe>
		<galaxy>
			<solarsystem>
				<earth>
					<northamerica>
						<usa>
							<illinois>
								<naperville>
									<nnhs>
										<room123>
											<p>Mr. C</p>
										</room123>
									</nnhs>
									<nchs>

									</nchs>
								</naperville>
							</illinois>
						</usa>
					</northamerica>
				</earth>
			</solarsystem>
		</galaxy>
	</universe>

</body>

</html>

<!-- Save all HTML files as either .html or .htm  -->