web前端2020/1/20学习笔记

2020-01-20 23:55:46 阅读：263 来源： 互联网

标签：web ol 20 标签无序列表 ul 2020 li

一，列表和表单

1,列表标签（重点）

1.1无序列表ul（重点）
无序列表的各个列表项之间没有顺序级别之分，是并列的
其基本语法格式如下：
< ul>
< li>列表项1< /li>
< li>列表项2< /li>
< li>列表项3< /li>
< li>...< /li>
< /ul>

例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>无序列表</title>
</head>
<body>
<ul>
<li>水果</li>
<li>蔬菜</li>
<li>腊肉</li>
<li>干果</li>
</ul>
    
</body>
</html>

1.2有序列表ol(了解)

格式：< ol>
< li>列表项1< /li>
< li>列表项2< /li>
< li>列表项3< /li>
< li>列表项4< /li>
< li>...< /li>

< /ol>
例子：

<h1>有序列表</h1>
<ol>
<li>美国</li>
<li>中国</li>
<li>日本</li>
<li>德国</li>
</ol>

1.3自定义标签：

定义列表常常用于对术语或名词进行描述和解释，定义列表的列表项前没有任何项目符号，举例：

<h1>自定义列表</h1>
<dl>
<dt>城市</dt>
<dd>重庆</dd>
<dd>成都</dd>
<dd>北京</dd>
<dd>广州</dd>
<dd>杭州</dd>
</dl>

1.4列表总结

标签名	定义	说明
< ul>< /ul>	无序标签	里面只能包含li没有顺序，我们以后布局中最常用的列表

标签：web,ol,20,标签,无序,列表,ul,2020,li
来源： https://www.cnblogs.com/-believe-me/p/12219843.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9