html cheat sheet
<![CDATA[
<!DOCTYPE html>
<html>
<head>
<title>page title</title>
</head>
<body>
page content...
</body>
</html>
]]>
headers
<![CDATA[
<h1>hello</h1>
<h2>hello</h2>
<h4>hello</h4>
<h4>hello</h4>
<h5>hello</h5>
]]>
<![CDATA[
hi <span>hello</span> there
]]>
horizontal line
<![CDATA[
<hr>
]]>
<![CDATA[
<a href="http://google.com">hello</a>
]]>
<![CDATA[
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
]]>
<![CDATA[
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
]]>
line break
<![CDATA[
<br>
]]>
applying class to element
<![CDATA[
<span class="className">hello</span>
]]>
applying id to element
<![CDATA[
<div id="idName">hello</div>
]]>
applying fonts to html
<![CDATA[
visit fonts.google.com
select font(s)
click "select this style"
<!--add to header-->
<link rel="preconnect"
href="https://fonts.gstatic.com">
<link href="https://fonts.googleapi
s.com/css2?family=Roboto:wght@300&display=swap"
rel="stylesheet">
<!--copy this from google fonts-->
<!--see css cheat sheet
for adding fonts to elements-->
]]>