H5 learning journey-H5 hyperlinks and image links (6)-H5 Tutorial-php.cn

H5 learning journey-H5 hyperlinks and image links (6)

黄舟

Release： 2017-02-17 14:26:23

Original

2113 people have browsed it

Link content

1. Text link

2. Image link

Attribute

href: Point to another document Link

name: link inside the document

img tag attribute

alt: replacement text attribute

width: width

height ：High

Code example

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5样式</title></head><body>
    <a href="http://www.baidu.com">点击我跳转</a>
    <a href="http://www.baidu.com">
        <img src="/static/imghw/default1.png"  data-src="images/hello.jpg"  class="lazy"      style="max-width:90%" height="100px" alt="美女">
    </a>
    <a name="tips">hello liupeng</a>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <a href="#tips">跳转到hello</a></body></html>

Copy after login

Rendering

##Link Content

1. Text link

2. Image link

Attribute

href: Link to another document

name: Links inside the document

img tag attribute

alt: replacement text attribute

width: width

height: height

Code example

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5样式</title></head><body>
    <a href="http://www.baidu.com">点击我跳转</a>
    <a href="http://www.baidu.com">
        <img src="/static/imghw/default1.png"  data-src="images/hello.jpg"  class="lazy"      style="max-width:90%" height="100px" alt="美女">
    </a>
    <a name="tips">hello liupeng</a>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <a href="#tips">跳转到hello</a></body></html>

Copy after login

Rendering

H5 learning journey-H5 hyperlinks and image links (6)

The above is the content of the H5 learning journey-H5 hyperlink and image link (6), please pay attention to more related content PHP Chinese website (www.php.cn)!