Random html stuff idk what to do with yet

Not sure how to work image map yet but placing the code here so I don't lose it or forget lol

<img

  src="workplace.jpg"

  alt="Workplace"

  usemap="#workmap"

  width="400"

  height="379"

/>

<map name="workmap">

  <area

    shape="rect"

    coords="34,44,270,350"

    alt="Computer"

    href="computer.html"

  />

  <area

    shape="rect"

    coords="290,172,333,250"

    alt="Phone"

    href="phone.html"

  />

  <area

    shape="circle"

    coords="337,300,44"

    alt="Cup of coffee"

    href="coffee.html"

  />

</map>

rhrhrhr color picker....

<input type="color"/>

<select name="clr" onchange="document.bgColor=this.options[this.selectedIndex].value" size="1">

    <br>

    <option value="black">black

        <option value="orange">orange

            <option value="flamingred">fuschia

                <option value="lightyellow">light yellow

                    <option value="green">green

                        <option value="cyan">cyan

                            <option value="yellow">yellow

                                <option value="red">red

                                    <option value="white">white</option>

</select>&nbsp;&nbsp;Background Color

<br>

<select name="clr" onchange="document.fgColor=this.options[this.selectedIndex].value" size="1">

    <br>

    <option value="black">black

        <option value="orange">orange

            <option value="flamingred">fuschia

                <option value="lightyellow">light yellow

                    <option value="cyan">cyan

                        <option value="yellow">yellow

                            <option value="red">red

                                <option value="white">white</option>

</select>&nbsp;&nbsp;Text Color

<div style="margin-top: 4px;margin-bottom: -12px;">

<div id="music">

                            <iframe allowfullscreen="" src=" INSERT EMBED LINK HERE "></iframe>

                        <div>

                            <span class="song"> INSERT SONG HERE </span>

                            <span class="artist"> INSERT ARTIST HERE </span>

</div>

                    </div>

</div>

<style>

#music {

  position: relative;

  background: url('https://static.tumblr.com/bpdtqce/eNEnoonrt/musicplayer.png') top left no-repeat;

    background-size: auto;

  background-size: auto;

  background-size: 100% 100%;

  overflow: hidden;

  height: 50px;

  max-width: 305px;

  border: 1px solid #000000;

}

#music iframe {

  position: absolute;

  top: 0px;

  height: 47px;

  opacity: 0.00000000000000000000000001;

  z-index: 0;

  left: 0px;

}

#music div {

  position: absolute;

  top: 10px;

  left: 55px;

  width: 51%;

  margin: 0 !important;

}

#music span {

  display: block;

  color: #FFFFFF;

  font-weight: normal;

  text-align: left;

  font-size: 12px;

  width: 240px;

}

</style>