html reference

everything in blue is HTML and everything in the purplish-pink color is my own. for example, this is what an opening and closing HTML tag looks like:

<h1>

</h1>

if i want to add a unique id called "emma's first title" it would look like this:

<h1 id="emmas-first-title">
hand coding is so kewl
</h1>

more examples:

<h1 id="hand-code">
hand coding is so kewl
</h1>


<h2 class="what-i-think">
i love hand coding because it is slow and reminds me of the nineties
</h2>


<p id="what-do-u-think">
do you think there's room on the world wide web for every person with an internet connection to have their own web page? what if we all kept each other up to date by visiting each other's homepages?
</p>


<blockquote id="a-quote">
bright, rich, personal, slow and under construction. It was a web of sudden connections and personal links. Pages were built on the edge of tomorrow, full of hope for a faster connection and a more powerful computer... it was a web of amateurs soon to be washed away by dot.com ambitions, professional authoring tools and guidelines designed by usability experts. -Olia Lialina
</blockquote>


<img id="favorite-image" alt="a plate of spaghetti where the meatballs are actually faces of dogs" src="https://d.ibtimes.co.uk/en/full/1447148/spaghetti-meatballs-become-really-frightening.jpg?w=1150&e=50557137809aa4028731a8da96eea8ee"/>



<ul>
<li>this is an HTML list</li>
<li>each li tag is a single item</li>
<li>list item three</li>
<li>list item four</li>
<li>list item five</li>
</ul>

css reference

#emmas-first-title {

  font-size: 22px;

  width: 120px;

  background-color: hotpink;

  position: absolute;

  top: 80px;

  left: 20px;

  padding: 30px;

  border: 12px dotted orangered;

  transform: rotate(20deg);

  font-family: monospace;

}