码迷,mamicode.com
首页 > Web开发 > 详细

HTML常用元素和属性(二)

时间:2018-08-21 23:05:00      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:直接   name   style   用户   术语   学习   种类   test   baidu   

4:使用a元素添加超链接和锚点

<href>指定超链接连接到另外一个资源

<hreflang>指定超链接所连接的文档所使用的语言

<target>指定使用框架集中哪个框架装载另一个资源,属性值可以有_self(自己),_blank(新窗口),_top(顶层框架),_parent(父框架)

<download>让用户下载目标链接所指向的资源,而不是直接打开该目标

<type>指定文档的MIME类型

<media>指定目标URL所引用的媒体类型,默认值是all 

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<body>
    <a href="www.baidu.com">百度 </a><br/>
    <a href="www.baidu.com" target="_blank">百度</a><br/>
    <a href="www.baidu.com"><img src="1.jpg" alt="百度"/></a><br/>
    <a href="1.html">文本 </a><br/>
    <a href="mailto:test@qq.com">写信给我 </a><br/>
    <a href="1.jpg" download="1.jpg" ><img scr="1.jpg"alt="学习路径"></a>
</body>

URL路径解释

技术分享图片

5:列表相关元素

<ul>无序列表

<ol>有序列表:属性start定义起始数字,type定义那种类型编号,reversed定义是否反序

<li>定义疏于列表,只能包含<dt../>和<dd../>两种子元素

<dt>定义标题

<dl>定义术语列表

<dd>定义普通项

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<body>
<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>    
</ul>
<ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>    
</ol>
</body>

6:img元素

可用属性如下

src:图片所在位置

alt:图片提示信息

height:图片高度

width:图片宽度

图片相关元素如下

<map>:定义图片映射,该元素包含一个或多个<area../>子元素,每个子元素定义一片区域,不同区域可以链接到不同URL

<area>:定义图片内部区域,可用属性有shape指定哪块区域,coords指定多个坐标,href指定链接资源,alt指定该区域提示信息,target指定哪个框架加载另外的资源

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<body>
    <h4>普通图片</h4>
    <img src="gril.jpg" alt="美女"/><br/>
    <h4>指定高宽(图片会变形)</h4>
    <img src="gril.jpg" alt="美女" height="600" width="1000"/><br/>
    <h4>含链接图片</h4>
    <a href="https://www.baidu.com"><img src="gril.jpg" alt="美女"/></a><br/>
    <h4>定义区域</h4>    
    <img src="gril.jpg" alt="美女" height="200" width="300" usemap="#mymap"/><br/>    
    <map name="map" id="mymap">
        <area shape="circle" coords="50,50,50" href="https://baidu.com" alt="circle"/>
        <area shape="poly" coords="188,30,180,50,200,70,224,72,246,52" href="https://baidu.com" alt="poly"/>        
    </map>
    <h4>含坐标图片</h4>
    <a href="https://www.baidu.com"><img src="gril.jpg" alt="美女" ismap/></a><br/>    
</body>    

 

HTML常用元素和属性(二)

标签:直接   name   style   用户   术语   学习   种类   test   baidu   

原文地址:https://www.cnblogs.com/yuanhaowen/p/9514999.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!