• 技术文章 >web前端 >html教程

    Html学习(3)- 图像标签

    黄舟黄舟2016-12-29 15:30:32原创550
    图像标签:

    <img>

    属性:

    align: 定义图片的排列方式

    border: 用来设置图像的边框

    src: 连接一个文件

    [code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    
    <html >
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>image</title>
            <meta name="author" content="sync" />
    
        </head>
        <body>
    
            <!--
            演示图片标签
            -->
    
            <img src="http://2d.zol-img.com.cn/product/95_940x705/893/ce14aSRNzVhz2.jpg"
            height="350" width="500" border="10"
            alt="美丽的风景" />
    
        </body>
    </html>

    645.jpg

    图像地图:

    <map>
    应用:当要在图像中选取某一部分作为连接的时候。 map标签要和img标签联合使用。Href 是超链接
    [code]<img src="1.jpg" alt="图片说明文字" usemap="#Map">
        <map >
            <area shape="rect" coords="50,59,116,104" href="a.html">
            <area shape="circle" coords="118,203,40" href="b.html">
        </map>

    以上就是Html学习(3)- 图像标签的内容,更多相关内容请关注PHP中文网(m.sbmmt.com)!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:Html 图像标签
    上一篇:Html学习(2)- 列表标签 下一篇:Html学习(4)- 表格标签
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• HTML中meta标签作用及属性总结_html/css_WEB-ITnose• Codeforces Round #263 (Div. 1) A B C_html/css_WEB-ITnose• bootstrap问题 高手在哪里?_html/css_WEB-ITnose• ajax简单小例子_基于xml的实现• <meta>标签_html/css_WEB-ITnose
    1/1

    PHP中文网