image

列表

无序列表：

有序列表：

定义列表：

表格

image

image 和 map 标签产生关联 ----- usemap

<map>需要定义 id 和 name 属性并且和usemap 的值相同

代码段如下：（在图片的某一个位置可以点击进入的网站链接）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style type="text/css">*{padding:0;/*内边距*/margin:0;/*外边距}img{border:1px solid black;}//加上边框</style></head>
<body><img src="./image/2.jpeg" alt="小新" usemap="#plant" /><map id="plant" name="plant"><area shape="circle" coords="227,291,50" href="https://www.baidu.com/"target="_blank" /></map>
</body>
</html>

代码段中的 coords 处就是链接所在的具体位置，其中href就是网站链接

列表

列表中有：无序列表，有序列表，定义列表

无序列表：

<ul></ul> 无序列表

<li></li> 列表的项目

代码示例：

<ul><li>伊芙琳</li><li>瑟提</li><li>维鲁斯</li><li>伊泽瑞尔</li>
</ul>

运行结果：

有序列表：

<ol></ol> 有序列表

<li></li> 列表的项目

代码示例：

<ol start="3"><li>德莱文</li><li>德莱厄斯</li><li>阿狸</li><li>努努与威朗普</li>
</ol>

代码段中，start 表示从某处开始，代码中start="3"则表示从3开始，还可以在start属性后边加上type属性，表示改变表示方式，默认是阿拉伯数字，可以使用type改成罗马数字进行表示等等

运行结果：

定义列表：

<dl></dl> 定义列表

<dt></dt>

<dd></dd>

代码示例：

<dl><dt>周一</dt><dd>每一周的第一天</dd><dt>周日</dt><dd>每一周的最后一天</dd><dt>一月</dt><dd>每一年的第一个月</dd>
</dl>

运行结果：

表格

<table></table> 表示表格

<tr></tr> 表行

<th></th> 表头

<td></td> 表元

代码示例：

<table><tr><th>早餐</th><th>午餐</th><th>晚餐</th></tr><tr><td>小面</td><td>米饭</td><td>米粉</td></tr><tr><td>豆浆</td><td>可乐</td><td>雪碧</td></tr></table>

运行结果：

目前已经被淘汰的标签：

<thead>

<tbody>

<tfoot>

HTML5 ------ image和列表相关推荐

html5中的h1,HTML5语义 - 产品列表中的h1用法
我们正在讨论在产品列表页面中使用h1标签.有几个方面可以用来过滤产品.HTML5语义 - 产品列表中的h1用法技术上明智的做法是使用多个h1标签,如果这些标签被封装在section或article中 ...
html5在线音乐列表播放器,HTML5列表音乐播放器SMusic
插件描述:一款基于HTML5.Css3的列表式音乐播放器,包含列表,音量,进度,时间,歌词展示以及模式等功能,不依赖任何库 SMusic使用方法这是一款基于HTML5以及CSS3的列表式音乐播放器, ...
50个最受网友欢迎的HTML5资源下载列表
HTML5从根本上改变了开发商开发Web应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响并将继续影响着各种操作平台.本人从众多的html5资料中整理出来最受欢迎的50个资源下载列表,包含h ...
【50个最受网友欢迎的HTML5资源下载列表】
HTML5从根本上改变了开发商开发Web应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响并将继续影响着各种操作平台.本人从众多的html5资料中整理出来最受欢迎的50个资源下载列表,包含h ...
【50个最受网友欢迎的HTML5资源下载列表】（转）
HTML5从根本上改变了开发商开发Web应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响并将继续影响着各种操作平台.本人从众多的html5资料中整理出来最受欢迎的50个资源下载列表,包含h ...
【50个最受网友欢迎的HTML5资源下载列表】(转载)
HTML5从根本上改变了开发商开发Web应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响并将继续影响着各种操作平台.本人从众多的html5资料中整理出来最受欢迎的50个资源下载列表,包含h ...
html5实现视频列表js代码,JavaScript实现html5视频播放器列表
本文将使用HTML5提供的 VideoAPI做一个自定义的视频列表播放器(重点放在视频的顺序播放,列表切换上,并不重新定义控制条). 一.插入视频如果不加上controls属性将不会显示控制条二. ...
html5在线音乐列表播放器,简洁的html5 mp3列表音乐播放器代码
特效描述:简洁的html5 mp3列表音乐播放器代码.html5网页音乐播放器,mp3播放器,简洁音乐播放器代码结构 1. 引入CSS 2. 引入JS 3. HTML代码标题歌手 00:00/0 ...
HTML5中 HTML列表／块／布局韩俊强的博客
从简单到复杂HTML5详解:每日更新关注:http://weibo.com/hanjunqiang 新浪微博! 1.HTML列表 1.有序 2.无序 3.有序star属性 4.有序无序列表代码: ...
HTML5基础学习——列表标签表单标签
学习内容: 1.列表标签表格是用来显示数据的,那么列表就是用来布局的. 列表最大的特点就是整齐.整洁.有序,它作为布局会更加自由和方便. 根据使用场景不同,列表可以分为三大类:无序列表.有序列表和自 ...

HTML5 ------ image和列表

image

列表

无序列表：

有序列表：

定义列表：

表格

HTML5 ------ image和列表相关推荐

最新文章

热门文章