html有序列表、无序列表、自定义列表
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我喜欢的水果</title>
</head>
<body>
<!-- 无序列表 -->
<h2>我喜欢的水果</h2>
<ul>
<!-- ul里面只能放li 不能放其他东西 -->
<li>
<!-- li里面放什么都可以 -->
<strong>香蕉</strong>
</li>
<li>
<b>苹果</b>
</li>
<li>
<em>荔枝</em>
</li>
<li>
<i>猕猴桃</i>
</li>
<li>
<del>西瓜</del>
</li>
<li>
<s>哈密瓜</s>
</li>
<li>
<ins>菠萝</ins>
</li>
<li>
<u>榴莲</u>
</li>
</ul>
<!-- 有序列表 -->
<h2>我喜欢的水果</h2>
<ul>
<!-- ul里面只能放li 不能放其他东西 -->
<li>
<!-- li里面放什么都可以 -->
<strong>1.香蕉</strong>
</li>
<li>
<b>2.苹果</b>
</li>
<li>
<em>3.荔枝</em>
</li>
<li>
<i>4.猕猴桃</i>
</li>
<li>
<del>5.西瓜</del>
</li>
<li>
<s>6.哈密瓜</s>
</li>
<li>
<ins>7.菠萝</ins>
</li>
<li>
<u>8.榴莲</u>
</li>
</ul>
<!-- 自定义列表 -->
<dl>
<dt>联系方式</dt>
<dd>QQ:18855555</dd>
<dd>微信:787867ed</dd>
<dd>手机:1854568555</dd>
</dl>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
