Home > Developer > Web Develop
First, the link
1. New Page Open link
<a href= "http://www.w3school.com.cn/" target= "_blank" >visit w3school!</a>
2. On this page, the name "C4" opens the link
<p><a href= "#C4" > View Chapter 4. </a></p>3. Jump out of the frame
4. Send mail link
<a href= "Mailto:[email protected]?subject=hello%20again" > Send mail </a>5. Complex e-mail links
<a href= "Mailto:[email protected][email protected]&[email protected]&subject=summer%20party&body= you%20are%20invited%20to%20a%20big%20summer%20party! " > Send mail! </a>
Second, the image
1. Picture background
<body background= "/i/eg_background.jpg" >2. Picture location
Position in text: Bottom (default), middle, top
Floating in paragraph: left, right
<p> image in text </p>3. Picture replacement text
4. Image link
<a href= "/example/html/lastpage.html" > </a>5. Create an image map
The "Usemap" attribute in the IMG element references the "id" or "name" attribute in the Map element (depending on the browser).
So we added the "id" and "name" attributes to the map element at the same time.
Map the name element, get the picture circle area, and add the link.
<map name= "Planetmap" id= " Planetmap "><areashape=" Circle "coords=" 180,139,14 "href ="/example/html/venus.html "target =" _blank "alt=" Venus "/><areashape=" Circle "coords=" 129,161,10 "href ="/example/html/mercur.html "target =" _blank "alt=" Mercury "/></map>6. Convert the image to an image map
<p> please move the mouse over the image to see how the status bar coordinates change. </p><a href= "/example/html/html_ismap.html" ></a>Image Tags:
| Define the image. | |
| <map> | Define the image map. |
| <area> | Defining clickable areas in an image map |
html--Links & Images
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
