html列表标签

目录

  • 1. html中的注释
  • 2. html的快速补齐
  • 3. html列表
    • 3.1 无序列表
    • 3.2 有序列表
    • 3.3 多级列表
    • 3.4 自定义列表


1. html中的注释

html列表标签_第1张图片

2. html的快速补齐

html列表标签_第2张图片

3. html列表

html列表标签_第3张图片

3.1 无序列表

html列表标签_第4张图片
html列表标签_第5张图片


<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<body>
	 
	<ul type="circle"> 
		 
		<li>列表标题一li> 
		<li>列表标题二li> 
		<li>列表标题三li> 
	ul>
	body>
html>

html列表标签_第6张图片

3.2 有序列表

html列表标签_第7张图片


<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<body>
	 
	<ol>
		 
		<li><a href="#">列表标题一a>li> 
		<li><a href="#">列表标题二a>li> 
		<li><a href="#">列表标题三a>li> 
	ol>
	body>
html>

html列表标签_第8张图片

3.3 多级列表

html列表标签_第9张图片


<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<body>
	 
	<ul>
		 
		<li>购买域名a>li> 
		<li>购买服务器a>li> 
		<li>网站备案a>li>
			
			<ul>
				<li>需要在规定的背景布前拍照li>
				<li>需要提交规定的表格及资料li>
				<li>各地审批通过时长略有不同li>
			ul>
	ul>
	body>
html>

html列表标签_第10张图片

3.4 自定义列表

html列表标签_第11张图片

html列表标签_第12张图片


<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<body>
	<dl>
		<dt><h3>学习机器学习前应该先学习哪些知识?h3>dt> 
		<dd>概率统计dd> 
		<dd>优化dd> 
		<dd>编程语言dd>
	dl>
	body>
html>

html列表标签_第13张图片

你可能感兴趣的:(Web前端,数据分析,html,前端)