forked from nihaledportal/Ed-Portal-Web-Dev-Spring-2021
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsite1.html
51 lines (44 loc) · 1.97 KB
/
site1.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
44
45
46
47
48
49
50
51
<!-- DOCTYPE html defines this file as an html document that will accept html code
head contains data about data you want to put in your file (like title, style)
title gives some name to your file
style takes in code that displays segments of the code (body, h1, p, div) in a certain way -->
<!DOCTYPE html>
<head>
<title>Nihal's Homepage</title>
<style>
body
{
font-family: Arial, Helvetica, sans-serif;
}
h1 {text-align: center;}
p {text-align: center;}
div {text-align: center;}
</style>
</head>
<!-- div defines a section (a division) of your document
here, we want the section to be a navigation bar
<a defines some hyperlink to another webpage -->
<div class="navbar">
<a href="https://edportal.harvard.edu/">Ed Portal</a>
<a href="page2.html">Other page</a>
<a href="#">My other favorite site</a>
</div>
<!-- body defines the body of the html document -->
<body style="background-color:powderblue">
<!-- image inserts some local image file into your website -->
<img src="edportal.png" alt="The Ed Portal">
<!-- h1 defines a header to be displayed on your website along with a certain background color
p defines a paragraph of text that can have a certain color defined to it -->
<h1 style="background-color:Tomato;">My Website</h1>
<p style="color:Gray;">What is on this site?</p>
<!-- iframe embeds some media content (a video in this case) for the user to see on your website
the media can have some width, height, border, and other features to be displayed -->
<iframe width="560" height="315"
src="https://www.youtube.com/embed/uD4izuDMUQA" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
<!-- the body statement says that this line is the end of the body for this page (as defined
in lines 5-10) -->
</body>
<!-- the html statement marks the end of the file -->
</html>