raylu511.github.io/Assignment1.html at main · raylu511/raylu511.github.io · 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
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
<!DOCTYPE HTML>
<html>
  <head>

    <title>Assignment 1</title>
    <style>

	table, th, td {
	border: 2px solid black;
	background-color:yellow;
	text-align:center;
	padding:2px;
	}

	th{
	background-color:yellow;
	}

	td{
	background-color:lightpink;
	width:100px;
	}

    </style>

  </head>

  <body>
    <h1> Assignment - July 12th 2021 </h1>

    <br>

    <div> Hey! It looks like a paragraph but there is a block/box here too. Find that HTML element other than &ltp&gt and &lth&gt </div>

    <br>

    <div>
	<a href="https://www.google.com" style="color:violet"> This is a link to Google </a>
    </div>

    <br>

    <img src="pics/brooklynBridge.jpg" title= "Brooklyn Bridge" alt="Picture of Brooklyn Bridge" style="width:150px; height:175px;">

    <br>

    <div>
       <address>Email me by clicking on <a href="https://www.gmail.com" style="color:blue">Jon Doe.</a><br>
          Visit us at:<br>
       <a href="https://disneyworld.disney.go.com/" style="color:blue">Disney World</a><br>
          Box 678, Disneyland<br> USA </address>
    <div>

    <div>
	<h2>Bonus! Create A Table</h2>

	<table>

	  <tr>
	    <th></th>
	    <th>width</th>
	    <th>border</th>
	    <th>bgcolor</th>
	  </tr>

	  <tr>
	    <td><b>Value 1<b></td>
	    <td>="100"</td>
	    <td>="2"</td>
	    <td>="yellow"</td>
	  </tr>

	  <tr>
	    <td><b>Value 2<b></td>
	    <td><i>italic</i></td>
	    <td><i>="2" or "2px"</i></td>
	    <td>="lightpink"</td>
	  </tr>

	</table>

    </div>
  </body>


</html>