-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
29 lines (22 loc) · 1.34 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
<!--this is the standard HTML "boilerplate"-->
<!DOCTYPE html>
<html>
<head> <!--meta data, things like title of doc or reference to CSS file -->
<title> Yo LaJhon </title> <!--this isnt rendered on the page, its on the tab of the browser-->
<link rel="stylesheet" type="text/css" href="app.css"> <!--link to CSS file. href needs to be the path to find this file which is the name of the file. text/css: linking to a CSS file -->
</head>
<body> <!--what shows up on the page-->
<!--ID gives a name/label of an element that we can refer to in the CSS file -->
<section id = "container"> <!--section tag to group content. arbitrary wrapper for HTML that allows to group together and do something with it -->
<h1>Yo LaJhon</h1>
<!--this tells our browser to make this a header-->
<h2>Lajohn:</h2>
<!--goes down to h6 for smallest header-->
<img src ="img/IMG_0627.JPG"> <!--image tag. it's a self closing tag (doesnt need closing tag). it's a single tag. src to specify which image to display -->
<button>More lajon</button> <!--button tag-->
<p>signed: LJ</p> <!--paragraph tag-->
</section>
<script type="text/javascript" src="app.js"></script>
<!--if put this before the button tag the code is going to run before the button exists so we put at bottom -->
</body>
</html>