第三章列表

F2022697486

于 2023-04-02 11:24:05 发布

阅读量52

点赞数 1

文章标签：前端 html

本文链接：https://blog.csdn.net/F2022697486/article/details/129787873

版权

3.1无序列表标签 ul

无序列表的创建

<ul>
    <li>列表项</li>
    <li>列表项</li>
...
</ul>

2.无序列表的项目符号

通过ul标记的type属性可以改变无序列表的项目符号

<ul type="项目类型">

<li>列表项</li>

<li>列表项</li>

...

</ul>

3.2有序列表标签ol

有序列表中的项目采取数字或字母开头，各项目之间是有先后顺序的

有序列表标签ol

	<body>
	软件开发工程师
	岗位要求
	<ol>
		<li>计算机、软件、通信等相关专业本科及以上学历；</li>
		<li>热爱编程，基础扎实，熟悉掌握但不限于JAVA/C++/C/Python/JS/HTML/GO等编程语言中的一种或数种，有良好的编程习惯；</li>
		<li>具备独立工作能力和解决问题的能力、善于沟通，乐于合作，热衷新技术，善于总结分享，喜欢动手实践</li>
		<li>对数据结构、算法有一定了解；</li>
		<li>优选条件：
			<ol type="i">
			<li>熟悉TCP/IP协议及互联网常见应用和协议的原理</li>	
			<li>有IT应用软件、互联网软件、IOS/安卓等相关产品开发经验，不满足于课堂所学，在校期间积极参加校内外软件编程大赛或积极参于编程开源社区组织；</li>
			<li>熟悉JS/AS/AJAX/HTML5/CSS等前端开发技术。</li>
			</ol>
		</li>
	</ol>	
	</body>

有序列表的嵌套

	<body>
	我院今年三月份普通话测试开始接受报名，具体事项通知如下：
	<ol>
		<li><b>报名</b></li>
		<ol type="A">
			<li>报名时间</li>
			<li>报名地点</li>
			<li>报名费用</li>
			<li>提交资料及注意事项</li>
			<ol type="a">
				<li>《报名表一份》</li>
				<li>准考证一份</li>
				<li>小一寸照片三张</li>
			</ol>
		</ol>
		<li><b>培训</b></li>
		<li><b>测试</b></li>
	</ol>
	</body>

有序列表的项目类型同无序列表一样是可以通过type属性进行更改

有序列表的起始数值可以通过start属性改变序号的起始值

<ol type="数据类型" start="起始数值">
<li>列表项</li>
<li>列表项</li>
...
</ol>

小型案例实训

本案例通过使用嵌套列表实现二级导航菜单

	<body>
	<ul>
		<li><a href="#">首页</a></li>
		<li><a href="#">学校概况</a></li>
		<li><a href="#">行政机构</a>
		<ul>
			<li><a href="#">人事处</a></li>
			<li><a href="#">财务处</a></li>
			<li><a href="#">教务处</a></li>
			<li><a href="#">学工处</a></li>
		</ul>
		</li>
		<li><a href="#">招生就业</a>
		<ul>
			<li><a href="#">招生信息</a></li>
			<li><a href="#">就业信息</a></li>
		</ul>
		</li>
	</ul>
	</body>

F2022697486

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第三章列表

有序列表的项目类型同无序列表一样是可以通过type属性进行更改。有序列表中的项目采取数字或字母开头，各项目之间是有先后顺序的。有序列表的起始数值可以通过start属性改变序号的起始值。通过ul标记的type属性可以改变无序列表的项目符号。本案例通过使用嵌套列表实现二级导航菜单。2.无序列表的项目符号。
复制链接

扫一扫