BasicHTML/index.html at master · madisonpdx/BasicHTML · 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
<html>

<head> <!-- The title is contained here! Only the browser sees this! -->

	<title>Hello World!</title> <!--This puts a title on the browser's tab! -->

</head>

<body>

	<h1>Hello World!</h1> <!-- This is a header tag! -->

	<h2>Hello World!</h2>

	<h3>Hello World!</h3>

	<p>I am a sentence in a paragraph tag.</p>

	<p><strong>I am a sentence in a paragraph tag and a strong tag.</strong></p>

	<p><em>I am a sentence in a paragraph tag and an em tag.</em></p>

	<p><em>I am</em> a sentence with some <strong>text in a strong tag</strong> and some <em>text in an em tag</em></p> <!-- Multiple tags in another tag?! Cool! -->

	<div>I am a sentence in a div tag. A div tag is what is called a block element in HTML. By default a block element will fill the entire width of the page and cause elements after it to be pushed further down the page.</div>

	<br />

	<span>I am a sentence in a span tag. A span tag is what is called an inline element in HTML.</span>
	<span>By default an inline element only uses the space it needs and will not fill the entire width of the page or push other elements down the page.</span>
	<span>These are three span tags that all appear one after another. The span tag does not cause new lines to be displayed.</span>

	<p>Finally, what if we want to create a clickable link to some other page? Click <a href="http://google.com">here</a> to go to Google!</p>

</body>

</html>