前端开发--HTML--列表

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html lang='en'>
<head>
	<meta charset='utf-8'>
	<title>链接</title>
</head>
<body>
	<h1>有序列表</h1>
	<ol>
		<li>列表文字1</li>
		<li>列表文字2</li>
		<li>列表文字3</li>
	</ol>

	<!-- 除了一行行敲,这里有简便方法 输入ol>li*3 ,自动出现三行,同理,ul>li*3无序列表三行 ,但是可能我的版本问题,我打不出来。好吧,是我傻了,敲完按 tab键,我之前是回车键。-->

	<h1>无序列表</h1>
	<ul>
		<li>新闻标题1</li>
		<li>新闻标题2</li>
		<li>新闻标题3</li>
	</ul>

	<!-- ul>(li*>a{新闻标题})*3 -->
	<ul>
		<li><a href="#">新闻标题1</a></li>
		<li><a href="#">新闻标题2</a></li>
		<li><a href="#">新闻标题3</a></li>
	</ul> 

	<h1>定义列表</h1>
	<!-- dl>(dt+dd)*3 -->
	<dl>
		<dt>html</dt>
		<dd>负责页面结构</dd>
		<dt>css</dt>
		<dd>负责网页结构</dd>
		<dt>javascript</dt>
		<dd>负责页面行为</dd>
	</dl>
</body>
</html>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值