列表定义：是一种特别的对象集合。集合：集中在一起合二为一（聚集）。 聚集：多个列（信息资源）排在一起。信息资源：一堆数据，可能是字符，可能是图片。
列表分类：有序列表 无序列表 （自）定义列表
有序列表：有顺序的列表。列表结构：
有顺序，每个li独占一行，默认li标签前面有顺序标记；用于排序，可以快速定位。
无序列表：没有顺序的列表。列表结构：
没有顺序，每个li独占一行，默认li标签前面有一个实心小圆点；常用于导航栏。
（自）定义列表：定义某种关系（包含和被包含的关系）。列表结构：
-
每个dt，dd标签独占一行，默认没有标记，包含被包含的情况就可以使用。
就是告诉网页我下面要用什么类型的列表。- 的意思就是一个大的的项目，
- 的意思就是被dt包含的小的项目。
html5的表格:有行有列，多个单元格组合在一起，可以将多个信息资源组合在一起
表格语法结构：
colspan="2":意思就是跨两列，rowspan="2"意思就是跨两行。在<td后面输入即可。
例如：
| 学习成绩 |
| 张三 | 语文 | 90 | 数学 | 90 |
| 英语 | 90 | 化学 | 50 |
媒体元素：video（视频标签） audio（音频标签）
视频标签结构：
html5的结构元素：header section footer
<style type="text/css>header,section,footer{border:1xp solid red;}(意思是边框设置为1像素，实线，红色）</style></tttle></p>
<p><body><header>我是</header><section>中国</section><footer>人</footer></body></p></div></div><div class="MuiGrid-root jss8 MuiGrid-item MuiGrid-grid-xs-true MuiGrid-grid-md-3"><div class="MuiTypography-root jss26 MuiTypography-body1"><div class="MuiTypography-root jss27 MuiTypography-body1"><canvas style="height:108px;width:108px" height="108" width="108"></canvas><div class="MuiTypography-root jss28 MuiTypography-body1"><p class="MuiTypography-root jss29 MuiTypography-body1">手机扫一扫</p><p class="MuiTypography-root jss29 MuiTypography-body1">移动阅读更方便</p></div></div></div><div class="MuiTypography-root jss9 MuiTypography-body1"><div class="MuiTypography-root jss30 MuiTypography-body1" style="height:150px"><div class="swiper-container jss32"><div class="swiper-pagination"></div><div class="swiper-wrapper"><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/aliyun"><img alt="阿里云服务器" class="jss31" src="https://article.cdnof.com/promotion/aliyun.jpg"/></a></div><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/tencent"><img alt="腾讯云服务器" class="jss31" src="https://article.cdnof.com/promotion/tencent.jpg"/></a></div><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/qiniu"><img alt="七牛云服务器" class="jss31" src="https://article.cdnof.com/promotion/qiniu.png"/></a></div></div></div></div></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiTypography-root jss33 MuiTypography-body1"><p class="MuiTypography-root jss34 MuiTypography-body1">你可能感兴趣的文章</p><div class="MuiList-root MuiList-padding" aria-label="main mailbox folders"><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root MuiSvgIcon-colorError" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/0f6505b8-9748-41d4-9073-f4a4f7b9ff68">PHP 数据库驱动、连接数据不同方式学习笔记</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 8c0 1.11-.9 2-2 2h-2v2h4v2H9v-4c0-1.11.9-2 2-2h2V9H9V7h4c1.1 0 2 .89 2 2v2z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/2e31d24e-d4d1-4588-aae3-57135431c0df">Paddle图神经网络训练-PGLBox代码阅读笔记</a></div></div></div></div></div></div></div></div><footer style="margin-top:30px"><p class="MuiTypography-root MuiTypography-body2 MuiTypography-colorTextSecondary MuiTypography-alignCenter">Copyright © <a class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit" href="https://v2as.com" title="哇哦，有大量工具等你探索">V2AS | 问路</a> <!-- -->2024<!-- --> <!-- -->.</p><p class="MuiTypography-root MuiTypography-body2 MuiTypography-colorTextSecondary MuiTypography-alignCenter"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit" rel="nofollow noopener noreferrer" href="https://beian.miit.gov.cn/">浙ICP备15029886号</a></p></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"article":{"article_id":"b0cc39e6-084a-4a46-b454-95824817d10a","title":"html5 2.0学习","link":"","description":"列表定义：是一种特别的对象集合。集合：集中在一起合二为一（聚集）。 聚集：多个列（信息资源）排在一起。信息资源：一堆数据，可能是字符，可能是图片。\n列表分类：有序列表 无序列表 （自）定义列表 \n有序列表：有顺序的列表。列表结构：\u003col\u003e\u003cli\u003e\u003c/li\u003e\u003c/ol\u003e 有顺序，每个li独占一行，默认li标签前面有顺序标记；用于排序，可以快速定位。\n无序列表：没有顺序的列表。列表结构：\u003cul\u003e\u003c","image":"","keywords":["td","学习","数组","2022","列表","tr","li","视频","标签","video"],"created_at":"2023-08-09T12:35:39.568Z","html":"\u003cp\u003e列表定义：是一种特别的对象集合。集合：集中在一起合二为一（聚集）。 聚集：多个列（信息资源）排在一起。信息资源：一堆数据，可能是字符，可能是图片。\u003c/p\u003e\n\u003cp\u003e列表分类：有序列表 无序列表\u0026nbsp; （自）定义列表\u0026nbsp; \u003c/p\u003e\n\u003cp\u003e有序列表：有顺序的列表。列表结构：\u003col\u003e\u003cli\u003e\u003c/li\u003e\u003c/ol\u003e\u0026nbsp; 有顺序，每个li独占一行，默认li标签前面有顺序标记；用于排序，可以快速定位。\u003c/p\u003e\n\u003cp\u003e无序列表：没有顺序的列表。列表结构：\u003cul\u003e\u003cli\u003e\u003c/li\u003e\u003c/ul\u003e 没有顺序，每个li独占一行，默认li标签前面有一个实心小圆点；常用于导航栏。\u003c/p\u003e\n\u003cp\u003e（自）定义列表：定义某种关系（包含和被包含的关系）。列表结构：\u003cdl\u003e\u003cdt\u003e \u003cdd\u003e\u003c/dd\u003e\u003c/dt\u003e\u003c/dl\u003e每个dt，dd标签独占一行，默认没有标记，包含被包含的情况就可以使用。\u003c/p\u003e\n\u003cp\u003e\u003col\u003e\u003cul\u003e\u003cdl\u003e就是告诉网页我下面要用什么类型的列表。\u003cdt\u003e的意思就是一个大的的项目，\u003cdd\u003e的意思就是被dt包含的小的项目。\u003c/p\u003e\n\u003cp\u003ehtml5的表格:有行有列，多个单元格组合在一起，可以将多个信息资源组合在一起\u003c/p\u003e\n\u003cp\u003e表格语法结构：\u003ctable border=\"1x\"(1像素)\u003e\u003ctr\u003e(代表第一列）\u003ctd\u003e(第一个单元格）\u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\u0026nbsp; \u0026nbsp;colspan=\"2\":意思就是跨两列，rowspan=\"2\"意思就是跨两行。在\u0026lt;td后面输入即可。\u003c/p\u003e\n\u003cp\u003e例如：\u003ctable border=\"1x\"\u003e\u003ctr\u003e\u003ctd colspan=\"5\"\u003e学习成绩\u003c/td\u003e\u003c/tr\u003e\u003c/p\u003e\n\u003cp\u003e\u003ctr\u003e\u003ctd rowspan=\"2\"\u003e张三\u003c/td\u003e\u003ctd\u003e语文\u003c/td\u003e\u003ctd\u003e90\u003c/td\u003e\u003ctd\u003e 数学\u003c/td\u003e\u003ctd\u003e90\u003c/td\u003e\u003c/tr\u003e\u003c/p\u003e\n\u003cp\u003e\u003ctr\u003e\u003ctd\u003e英语\u003c/td\u003e\u003ctd\u003e90\u003c/td\u003e\u003ctd\u003e化学\u003c/td\u003e\u003ctd\u003e50\u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\u003c/p\u003e\n\u003cp\u003e媒体元素：video（视频标签） audio（音频标签）\u003c/p\u003e\n\u003cp\u003e视频标签结构：\u003cvideo controls=\"controls\"\u003e\u003csurece src=\"video/video.webm\"type=\"video/webm\u003e\u003c/source\u003e\u003c/video\u003e\u003c/p\u003e\n\u003cp\u003evideo:视频标签名称。controls：显示播放视频的控件按钮（倒三角）source：资源标签 src：视频资源的存放路径 type：告诉浏览器当前视频是什么类型。\u003c/p\u003e\n\u003cp\u003eaudio：音频标签。结构基本与视频相同。\u003caudio controls=\"controls\"\u003e\u003csource src=\"audio/audio.ogg\"\u003e\u003csource\u003e\u003c/audio\u003e\u003c/p\u003e\n\u003cp\u003ehtml5的结构元素：header section footer\u003c/p\u003e\n\u003cp\u003e\u003ctitle\u003e\u003cstyle type=\"text/css\u003eheader,section,footer{border:1xp solid red;}(意思是边框设置为1像素，实线，红色）\u003c/style\u003e\u003c/tttle\u003e\u003c/p\u003e\n\u003cp\u003e\u003cbody\u003e\u003cheader\u003e我是\u003c/header\u003e\u003csection\u003e中国\u003c/section\u003e\u003cfooter\u003e人\u003c/footer\u003e\u003c/body\u003e\u003c/p\u003e"},"seo":{"title":"html5 2.0学习","description":"列表定义：是一种特别的对象集合。集合：集中在一起合二为一（聚集）。 聚集：多个列（信息资源）排在一起。信息资源：一堆数据，可能是字符，可能是图片。\n列表分类：有序列表 无序列表 （自）定义列表 \n有序列表：有顺序的列表。列表结构：\u003col\u003e\u003cli\u003e\u003c/li\u003e\u003c/ol\u003e 有顺序，每个li独占一行，默认li标签前面有顺序标记；用于排序，可以快速定位。\n无序列表：没有顺序的列表。列表结构：\u003cul\u003e\u003c","image":"","url":"https://v2as.com/article/b0cc39e6-084a-4a46-b454-95824817d10a","keywords":["td","学习","数组","2022","列表","tr","li","视频","标签","video"]},"viewsCount":1,"promotionList":[{"title":"阿里云服务器","image":"https://article.cdnof.com/promotion/aliyun.jpg","link":"https://qd.rs/aliyun"},{"title":"腾讯云服务器","image":"https://article.cdnof.com/promotion/tencent.jpg","link":"https://qd.rs/tencent"},{"title":"七牛云服务器","image":"https://article.cdnof.com/promotion/qiniu.png","link":"https://qd.rs/qiniu"}],"similarKeywordsList":[{"article_id":"0f6505b8-9748-41d4-9073-f4a4f7b9ff68","title":"PHP 数据库驱动、连接数据不同方式学习笔记","link":"","description":"相关学习资料\n\nhttp://www.php.net/manual/zh/refs.database.php\nhttp://www.php.net/manual/zh/internals2.pdo.php\nhttp://bbs.phpchina.com/thread-184537-1-1.html\nhttp://www.metsky.com/archives/660.html\nhttp://www","image":"","keywords":["数据库","PHP","mysql","php","result","http","PDO","ikIJApPKyMAAIUBBgDCCCAAAIIWBWgIGCVk8YQ8EKAgoDFMOadZLHYVeeaws65kFjtEPG1ykljCGQSyPt4pCCQKTysjAACFAQYAwgggAACCFgVoCBglZPGEPBCgIKAxTDmnWSx2FXnmsLOuZBY7RDxtcpJYwhkEsj7eKQgkCk8rIwAAhQEGAMIIIAAAghYFaAgYJWTxhDwQoCCgMUw5p1ksdhV55rCzrmQWO0Q8bXKSWMIZBLI","echo","连接"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"2e31d24e-d4d1-4588-aae3-57135431c0df","title":"Paddle图神经网络训练-PGLBox代码阅读笔记","link":"","description":"图存储部分\n\n\n\n\n\n\npaddle/fluid/framework/fleet/heter_ps\ngraph_gpu_wrapper.h\nGPU图主入口\n\n\n\ngraph_gpu_ps_table.h\nGPU图的主要存储结构，neighbor采样等都在这里完成\n\n\n\ngpu_graph_node.h\n节点，边，邻居等数据结构定义\n\n\npaddle/fluid/distributed/ps/tab","image":"https://article.cdnof.com/2309/9e259eae-e577-4131-9dd1-b5c1a5740920.png","keywords":["node","size","游走","walk","int","sample","type","采样","节点","neighbor"],"created_at":"0001-01-01T00:00:00Z"}]},"__N_SSG":true},"page":"/article/[article_id]","query":{"article_id":"b0cc39e6-084a-4a46-b454-95824817d10a"},"buildId":"7EtL49Y65E8zx1NwcIC_o","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>