-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathreference.html
43 lines (41 loc) · 1.5 KB
/
reference.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
<!DOCTYPE html>
<html>
<head>
<title>titles show up on the top.</title>
<link rel="stylesheet" href="style.css">
<!-- the above line connects your html to your stylesheet -->
</head>
<body>
<div class="heading">
<!-- learn about css after you learn the elements! -->
<!-- classes tell your css what to style - go look at the stylesheet! -->
<h1>H1 tags are really really big.</h1>
<h2>H2 tags are really big.</h2>
<h3>H3 tags are big.</h3>
<h4>H4 tags are less big.</h4>
<h5>H5 tags are small.</h5>
<h6>H6 tags are really small.</h6>
</div>
<p>This is a paragraph tag! This is what paragraphs do.</p>
<a href="https://www.google.com/">This is a link tag! This link goes inside href="". click here to go to google.</a>
<a href="otherpage.html">You can also link to other pages that you make!</a>
<img src="https://target.scene7.com/is/image/Target/14224733?wid=520&hei=520&fmt=pjpeg">
<p>You can also link to images!</p>
<div id="special-heading">
<p>This paragraph is inside a div.</p>
</div>
<ul>
<li>An li is a list item.</li>
<li>This is the first element in my unordered list.</li>
<li>Another list item</li>
<li><h3>A heading inside my unordered list</h3></li>
</ul>
<ol>
<li>This list item is inside an ordered list</li>
<li>This is another numbered bullet point</li>
<li>This is muy last list item</li>
</ol>
<p>This is how you use css to resize an image!</p>
<img class="image" src="https://target.scene7.com/is/image/Target/14224733?wid=520&hei=520&fmt=pjpeg">
</body>
</html>