HTML Image Learning-9.20

Source: Internet
Author: User

1. Insert a picture

2. Eg: Add background image

<body background= "/i/eg_background.jpg" > Note the path must be correct

3.

<1> picture inserted in text, but no alignment is set

<p> image in text </p> default is bottom aligned

<2> Picture Insert text, set alignment

<p> image align in text </p> bottom

<p> image in text </p> center alignment

<p> image in text </p> top aligned

4. Floating image

<p>

A paragraph with an image. The Align property of the image is set to "left". The image floats to the left of the text.
</p>

5. Display alternate text for pictures

If you move the mouse pointer over the image, the demand replacement text is displayed, and if the image cannot be displayed, the text in the ALT attribute is displayed

6, make picture link

<p>
You can also use the image as a link:
<a href= "/example/html/lastpage.html" >

</a>
</p>

Click on a picture to link to a specific location

7.

HTML Image Learning-9.20

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.