-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
96 lines (80 loc) · 3.64 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
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE HTML>
<html lang="en">
<head>
<!-- ATTACHING CSS STYLE SHEET -->
<link href="style.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="favicon.png"/>
<title>Website for Vince and Nick</title>
<h1> Nick Kelly and Vincent Anzalone </h1>
<hr/>
</head>
<body>
<h3> <strong>HTML</strong><br>
</h3>
<p>
The role of HTML is to provide the base structure for the web page. Web browswers are able to intrepret HTML to show the content to the user. Websites use HTML to create the structure for the website but rely upon CSS and Javascript in order to make the website look good. Using HTML the developer can include text, images, links, and more to a website.
</p>
<h3><strong>CSS</strong><br>
</h3>
<p>
CSS, or Cascading Style Sheets, provides a website with colors, layout, and design. Without CSS a webpage will look very basic with only the built-in styling of HTML to provide design. This is done through changing the attributes of different HTML tags which changes how the element appears on the web page.
</p>
<h3><strong>Javascript</strong><br>
</h3>
<p>
Javascript's role in web development is to provide functionality to a website. Javascript allows a web developer to change the static HTML and CSS elements into a dynamic experience for the user. With Javascript a developer increases the usability of the website to include navigation and reactive elements.
</p> <br>
<!-- LINKS TO USEFUL SITES TO LEARN HTML -->
<h3>Useful Websites</h3>
<a href="https://www.w3schools.com/html/html_intro.asp">W3schools</a> <strong>An interactive website to learn html</strong> <br>
<a href="https://www.codecademy.com/courses/learn-html/lessons/intro-to-html/">CodeAcademy</a> <strong>An interactive website to learn html</strong> <br>
<a href="https://www.khanacademy.org/computing/hour-of-code/hour-of-html/pt/html-basics">KhanAcademy</a> <strong>An interactive website to learn html</strong> <br><br>
<!-- IMGAGE OF DOLPHIN -->
<a href="https://en.wikipedia.org/wiki/Dolphin"></a>
<img src="https://www.dolphinproject.com/wp-content/uploads/2019/07/Maya-768x512.jpg" alt="Dolphin Being Legit"> <br><br>
<p>Dolphins are super smart!</p>
<em>NO JOKE!!</em> <br><br>
<!-- Preformatted code for "Hello World" in Java -->
<h3>"Hello World" in Java</h3>
<pre>
<code CLASS="Java">
class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello World!");
}
}
</code>
</pre> <br><br>
<h3>Authors</h3>
<!-- TABLE -->
<table style="width: 50%; border: thin solid #606060;">
<tr>
<th><strong>First Name</strong><br></th>
<th><strong>Last Name</strong><br></th>
</tr>
<tr>
<td>Vincent</td>
<td>Anzalone</td>
</tr>
<tr>
<td>Nick</td>
<td>Kelly</td>
</tr>
</table> <br><br>
<h3>Answers to Assignment Questions</h3>
<!-- LIST -->
<ul>
<li><b>Block elements has a forward slash to end the tag.</b></li>
<li><b>8 pixels.</b></li>
<li><b>Font size = 2em | Font weight = bold</b></li>
<li><b>Page load time - 85ms</b></li>
<li><b>Media load time - 23ms</b></li>
<li><strong>Navigate to the network tab after going to developer tools in browser.</strong>
<ol><li>This is a sublist!!!</li></ol></li>
<li><b>Response time AFTER adding CSS is: 213ms</b></li>
<li><b>Response status can be found in the networks tab!</b></li>
</ul>
<br><br>
Copyright © Ballers Anonomous
</body>
</html>