On thing I didn't mention was that often HTML is written so that nested elements are indented. This lets you see the structure of the document more easily:
<html>
<head>
<title>Lol</title>
<style>
table,
#hissan,
i {
border-style: solid;
border-width: 1px;
border-color: red;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<h2>A poem</h2>
<p id="hissan">Find more on <a href="http://google.com">google</a> </p> <img src="https://static.pexels.com/photos/126407/pexels-photo-126407.jpeg"
height="100px" />
<table>
<tr>
<td>col1</td>
<td>col2</td>
</tr>
<tr>
<td>a bit longer</td>
<td>this too</td>
</tr>
</table>
<p> A <b>vote</b> was <i>taken</i> after a <b><i>long</i></b> day of speeches, each
colony casting a single vote, as always. </p>
<p> On July 2, South Carolina reversed its position and voted </p>
</body>
</html>
p.s. I didn't format this by hand, I googled "html beautifier" and used some website to do it.
- w3schools: one place to learn HTML/CSS/Javascript online
- w3c's HTML page: this is the specification for HTML. It's terse, but it's the ground truth.
- Github Flavored Markdown: Github's guide to Markdown, including special syntax specific to Github (but has been adopted elsewhere now too because github is so popular).