title: Style title tooltip in image mapping
body: <p>I am extremely new to html coding. I have some knowledge, but not too much. I am creating an info graphic for tractor models. I am heatmapping using &lt; map > and &lt; area shape, coords, href, alt, title > I have that part complete. However, I am trying to edit the tooltip for the title. I would like to user to hover over the model and have information about that model appear, then be able to click to the related page on our website. I have tried many solutions I have found to no avail. It may change the tooltip, but it would appear at the top of the page instead of next to the hyperlink. I don't know enough about the code to fix the issue. Everything I keep finding uses  which is not in my code. Can somebody help me change the tooltip style/appearance for the title in the map? Thanks!</p>
  
  <pre><code>&lt;img src="mapping.jpg" width="2550" height="1650" alt="Image Map" usemap="#map"/&gt;
  &lt;map name="map"&gt;
  &lt;area shape="rect" coords="369,345,436,384" href="#"; alt="coord 1" title="tooltip 2"&gt;
  &lt;area shape="rect" coords="697,344,765,388" href="#" alt="coord 2" title="tool tip 1"&gt;
  &lt;/map&gt;
  </code></pre>