GreyHat147/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
	<title>Page</title>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
	<div>
		<img class="myImage" src="https://cdn3.computerhoy.com/sites/computerhoy.com/files/styles/fullcontent/public/novedades/lol.jpg?itok=sschC2wj">
	</div>
	<div>
		<a class="link1" href="https://www.youtube.com/">YouTube</a>
		<a class="link2" href="https://facebook.com">Facebook</a>
	</div>
	<div>
		<p class="parrafo1">Parafo 1</p>
		<p class="parrafo2">Parafo 2</p>
	</div>
	<div>
		<ul>
			<li>Item 1</li>
			<li>Item 2</li>
			<li>Item 3</li>
		</ul>
	</div>
	<div>
		<table>
			<thead>
				<th colspan="3">Mi tabla</th>
			</thead>
			<tbody>
				<tr>
					<td>item</td>
					<td>item</td>
					<td>item</td>
				</tr>
				<tr>
					<td>item</td>
					<td>item</td>
					<td>item</td>
				</tr>
				<tr>
					<td>item</td>
					<td>item</td>
					<td>item</td>
				</tr>
				<tr>
					<td>item</td>
					<td>item</td>
					<td>item</td>
				</tr>
			</tbody>
		</table>
	</div>
</body>
</html>

## styles.css
body {
	background-color: lightblue;
}

a {
	color: black;
}

.myImage {
    margin: 10px 40%;
    width: 200px;
    height: 150px;
}

.link1:hover {
	color: blue;
}

.link1:visited {
	color: green;
}

.link2:hover {
	color: blue;
}

.link2:visited {
	color: green;
}

.parrafo1 {
	 font-weight: bold;
}

.parrafo2 {
	font-family: cursive;
}


table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid black;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Page</title>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="styles.css">
	</head>
	<body>
	<div>
	<img class="myImage" src="https://cdn3.computerhoy.com/sites/computerhoy.com/files/styles/fullcontent/public/novedades/lol.jpg?itok=sschC2wj">
	</div>
	<div>
	<a class="link1" href="https://www.youtube.com/">YouTube</a>
	<a class="link2" href="https://facebook.com">Facebook</a>
	</div>
	<div>
	<p class="parrafo1">Parafo 1</p>
	<p class="parrafo2">Parafo 2</p>
	</div>
	<div>
	<ul>
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
	</ul>
	</div>
	<div>
	<table>
	<thead>
	<th colspan="3">Mi tabla</th>
	</thead>
	<tbody>
	<tr>
	<td>item</td>
	<td>item</td>
	<td>item</td>
	</tr>
	<tr>
	<td>item</td>
	<td>item</td>
	<td>item</td>
	</tr>
	<tr>
	<td>item</td>
	<td>item</td>
	<td>item</td>
	</tr>
	<tr>
	<td>item</td>
	<td>item</td>
	<td>item</td>
	</tr>
	</tbody>
	</table>
	</div>
	</body>
	</html>
	body {
	background-color: lightblue;
	}

	a {
	color: black;
	}

	.myImage {
	margin: 10px 40%;
	width: 200px;
	height: 150px;
	}

	.link1:hover {
	color: blue;
	}

	.link1:visited {
	color: green;
	}

	.link2:hover {
	color: blue;
	}

	.link2:visited {
	color: green;
	}

	.parrafo1 {
	font-weight: bold;
	}

	.parrafo2 {
	font-family: cursive;
	}


	table {
	border-collapse: collapse;
	}

	table, th, td {
	border: 1px solid black;
	}