Example explanation of inserting pictures and adding map index into html web pages_HTML/Xhtml_web page production

1. Image formats supported on the WEB:

GIF: Can save 256 colors, supports transparent colors, supports animation effects
JPEG: Does not support transparent colors and animations, up to 1670 colors
PNG: Supports transparent colors, does not support animation, colors are available Several to 1670 species

2. Insert the image into the web page using the tag:

src: Set the image, the value is equal to the path strength of an image file
height: Set the height of the image, the value is expressed in pixels or percentage (will automatically scale proportionally)
width: Set the width of the image, value Expressed in pixels or percentages
border: Add a border to the image
alt: Image description text, the value of this attribute will be displayed when the image is not displayed
title: This attribute indicates that when the mouse is placed on the The value of this attribute will be displayed when the picture is on
align: attribute value = left The picture is on the left, the text is on the right
right The picture is on the right, the text is on the left
top The text is vertically on top
middle text Vertically centered
Bottom text is vertically centered (default)
vspace: The attribute value is pixels, defining the blank space at the top and bottom of the image
hspace: The attribute value is pixels, defining the blank space on the left and right sides of the image

Copy code

The code is as follows:

11. Doing well in the exam depends entirely on your deskmates.

12. In school, I used money to make a living, but now I use my daily life to make money!

13. Some people always sell what they have in exchange for what they don’t have.

14. Self-love must first be selfish. Only selfishness can lead to great love.

15. Guinness Record: The world’s largest coffee table covers an area of ​​9.6 million square kilometers and can hold 1.3 billion cups.

16. Breaking up is so boring, let’s play divorce if we can!

17. Take the road of RMB and leave the people with nowhere to go!

18. Sanlu milk powder, the stepmother’s choice.

19. One day the mistress cried because the mistress appeared!

20. Break up with you because you are not even worthy of holding hands!

21. Don’t pose in front of me, I’m really afraid that I can’t help but want to throw the camera.

22. We are just passers-by, A, B, B, D, playing together in this colorful world. No matter you lose or I win, we will GameOver together in the end!

23. I have done two wrong things in my life, one is to be born, the other is to live.

24. If I die, my first words will be: I finally don’t have to be afraid of ghosts.

25. I am a civilized person, and all swear words have been disinfected with saliva.

26. Quotations from famous people. You have to be a famous person first to be famous. Other people’s farts are just famous farts! Can you compare?

3. HTML map index:

Map index, that is, using a certain part of the same picture as a hyperlink. You can make many hyperlinks (you can do it using the design view)

Copy code

The code is as follows:

< mapname="Map"id="Map">

< ;areashape="circle"coords="94,200,17"href="#"alt="So big"/>

Add an icon to the web page: Place it in the header tag