备战黑马程序员-html(<map>、<img>、列表标签)
2014-04-07 14:49
881 查看
---------------------- <a href="http://www.itheima.com"target="blank">ASP.Net+Unity开发</a>、<a href="http://www.itheima.com"target="blank">.Net培训</a>、期待与您交流!
---------------------
有序和无序的列表标签
有序:<ol>
无序:<ul>
无论有序还是无序,条目的封装用的都是<li>,而且都有缩进效果
Eg:
<ul>
<li>无序项目列表</li>
<li>无序项目列表</li>
<li>无序项目列表</li>
</ul>
效果:
若是不想要黑点,还可以改动,<ul type=”circle”>(或者disc或者square)
<ol>
<li>有序的项目列表</li>
<li>有序的项目列表</li>
<li>有序的项目列表</li>
</ol>
运行效果:
若想要改动:<ol type=”a”>(还有其他的)
usemap的值是"#map",表示另外一个name="map"的map标签 ,它使用的含义如下:
网页中只有一张图片,当我们需要单击图片的左边部分执行一个事件,单击图片的右边部分执行另外一个图片
这个时候就会用到图片的一个重要属性usemap了。
----------------------
<a href="http://www.itheima.com"target="blank">ASP.Net+Unity开发</a>、<a href="http://www.itheima.com"target="blank">.Net培训</a>、期待与您交流! ---------------------
---------------------
有序和无序的列表标签
有序:<ol>
无序:<ul>
无论有序还是无序,条目的封装用的都是<li>,而且都有缩进效果
Eg:
<ul>
<li>无序项目列表</li>
<li>无序项目列表</li>
<li>无序项目列表</li>
</ul>
效果:
若是不想要黑点,还可以改动,<ul type=”circle”>(或者disc或者square)
<ol>
<li>有序的项目列表</li>
<li>有序的项目列表</li>
<li>有序的项目列表</li>
</ol>
运行效果:
若想要改动:<ol type=”a”>(还有其他的)
usemap的值是"#map",表示另外一个name="map"的map标签 ,它使用的含义如下:
网页中只有一张图片,当我们需要单击图片的左边部分执行一个事件,单击图片的右边部分执行另外一个图片
这个时候就会用到图片的一个重要属性usemap了。
----------------------
<a href="http://www.itheima.com"target="blank">ASP.Net+Unity开发</a>、<a href="http://www.itheima.com"target="blank">.Net培训</a>、期待与您交流! ---------------------
相关文章推荐
- HTML标签<img><map><area>
- (22)HTML标签详解之<img><map><area>
- HTML标签天天练8--<img><map><area>图像超链接
- HTML——给图片<img>标签加上超链接
- 黑马程序员-html之框架标签<frameSet>,画中画标签<iframe>
- HTML <map> 标签-创建带有可点击区域的图像映射
- HTML <area><map>标签及在实际开发中的应用
- Html form <select>下拉列表菜单与跳转菜单表单标签篇
- HTML <map>标签的使用
- HTML <img> 标签的 alt 属性
- HTML <img> 标签的 height 和 width 属性
- HTML中<img>标签的ismap和usemap属性
- 带有可点击区域的图像映射:HTML <map> 标签
- HTML 图片映射<map>标签整理
- HTML——给图片<img>标签加上超链接
- HTML <img> 标签
- HTML <map> 标签
- TextView显示HTML文本时<IMG>标签指定图片的显示处理
- html中<map>标签的用法