13 HTML Tricks To Make Your Websites Pop

Trang chủ » Html Codes To Add To Your Website » 13 HTML Tricks To Make Your Websites Pop

Có thể bạn quan tâm

The following HTML tricks will help you create dynamic websites that will wow visitors for years to come.

So feel free to copy, paste, tweak and play around with these cool HTML codes!

You can also consider hiring a freelance HTML expert to help.

1. Clickable maps

This cool HTML trick allows you to create a map with clickable areas that you can link to other parts of the document, or other web pages.

An example of this feature would be a world map that would take visitors to the different regions where your business has a presence.

Clickable maps example

The <map> element will let you define the areas on an image that a visitor can click. Simply mention the corresponding X Y coordinates in the <area> elements inside <map>.

Here's the code behind it:

<h1 style="text-align:center;">The 7 Continents</h1> <h4 style="text-align:center;">&#10148; Click on the dots in the image to go to a continent section</h4> <map name="continents_map"> <area shape="circle" coords="70,70,10" href="#north_america"> <area shape="circle" coords="133,185,10" href="#south_america"> <area shape="circle" coords="270,137,10" href="#africa"> <area shape="circle" coords="292,44,10" href="#europe"> <area shape="circle" coords="469,201,10" href="#australia"> <area shape="circle" coords="374,65,10" href="#asia"> <area shape="circle" coords="340,267,10" href="#antartica"> </map> <figure style="text-align:center;"> <img usemap="#continents_map" src=https://bit.ly/2bgFrvL width="600px" /> <figcaption>World Map</figcaption> </figure> <div> <h3 id="africa">Africa</h3> <p>Our locations in Africa</p> </div> <div> <h3 id="asia">Asia</h3> <p>Our locations in Asia</p> </div> <div> <h3 id="europe">Europe</h3> <p>Our locations in Europe.</p> </div> <div> <h3 id="south_america">South America</h3> <p>Our locations in South America.</p> </div> <div> <h3 id="north_america">North America</h3> <p>Our locations in North America:</p> </div> <div> <h3 id="antartica">Antarctica</h3> <p>Our locations in Antarctica.</p> </div> <div> <h3 id="australia">Australia</h3> <p>Our locations in Australia.</p> </div>

Từ khóa » Html Codes To Add To Your Website