HTML常用标签(三)

最新推荐文章于 2023-05-07 23:36:37 发布

小贾爱编程

最新推荐文章于 2023-05-07 23:36:37 发布

阅读量166

点赞数

分类专栏： .NET 文章标签： HTML常用标签 HTML

本文链接：https://blog.csdn.net/qq_37589387/article/details/88633806

版权

.NET 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

无序列表：

列表项前面带有“项目符号”。格式：<ul><li>内容1</li><li>内容</li></ul>

属性：type:disc(默认：圆点）；circle(空心圆环);square(实心正方形)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
       <ul type="square">
       	<li>我爱你中国</li>
       	<li>我爱编程</li>
       	<li>我爱HTML</li>
       	<li>我爱web</li>
       </ul>
	</body>
</html>

有序列表：

列表项前面带有“自动生成的序号” 格式：<ol><li>内容</li><li>内容。。。</li></ol>

属性：type：序号类型共五个可选的值：1、a、A、i、l

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
     <ol type="1">
     	<li>我爱中国</li>
     	<li>我爱学习</li>
     	<li>我爱编程</li>
     </ol>
</html>

嵌套列表：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li>计算机类
				<ol>
					<li>HTML
					<li>Web
				</ol>
				
			</li>
			<li>文学类
				<ol>
			        <li>冰心散文集
				    <li>昆虫记
				</ol>
				
			</li>
		</ul>
    </body>
</html>

自定义列表(Definition lists):如果解释一系列术语与解释的列表时通常使用自定义列表

格式：<dl><dt>...<dd></dd>...</dt>...</dl>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
         <h2>HTML标签</h2>
         <dl>
         	<dt>单标记</dt>
         	    <dd>标记</dd>
         	    <dd>标记</dd>
         	<dt>双标记</dt>
         	    <dd>双标记</dd>
         	    <dd>双标记</dd>
         	    <dd>双标记</dd>
         	<dt>属性</dt>
         	    <dd>属性</dd>
         	    <dd>属性</dd>
         	    <dd>属性</dd>
         </dl>
    </body>
</html>

小贾爱编程

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML常用标签(三)

无序列表：列表项前面带有“项目符号”。格式：&lt;ul&gt;&lt;li&gt;内容1&lt;/li&gt;&lt;li&gt;内容&lt;/li&gt;&lt;/ul&gt;属性：type:disc(默认：圆点）；circle(空心圆环);square(实心正方形)&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&
复制链接

扫一扫

专栏目录