目录

一、列表

1.无序列表

2.有序列表

 3.定义列表

  练习

 二、表格

 表格练习

三、表单

1、表单标签

2、表单域

文本框密码框

单选框：

 复选框：

 文本域：

下拉选择框

 文本上传

3.按钮

一、列表

1.无序列表

    
列表项1
    
列表项2
    
列表项3
    ...

 效果如下：

2.有序列表

    
列表项1
    
列表项2
    
列表项3
    ...

效果如下：

 3.定义列表

    
术语
    
对术语的说明

 效果如下：

  练习

	
		
		
	
	
		热门活动    更多
		

			

				
推荐活动 | 原创音乐现金榜T榜
			
			

				
推荐节目 | 《TAlmusic》爆笑来袭
			
			

				
推荐歌单 | 继续宠爱张国荣
			
			

				
推荐活动 | 330金属音乐巡演 成都小酒馆音乐空间
			
		
	

效果图

 二、表格

    

    	
姓名
		
年龄
		
性别
	
	

		
张三
		
18
		
男
	

属性：

border 边框

cellspacing: 代表格与格之间的距离

cellpadding: 代表内容距离格子四周的距离

bgcolor: 背景颜色

width/height： 宽高

rules：

        值：none 格的四条边都不显示

        all 只显示格的四条边

        rows 只显示格的上下边

        cols 只显示格的左右边

 效果如下：

姓名	年龄	性别
张三	18	男

    

		
1-1
		
1-2
		
1-3
	
	

		
2-1
		
2-2
	
	

		
3-1
		
3-2
	

属性：

colspan水平合并

rowspan垂直合并

效果如下：

1-1		1-2	1-3
2-1	2-2
	3-1	3-2

 表格练习

	
		
		
	
	
		

			
简历
			

				
个人简介
			
			

				
姓  名
				
王俊凯
				
性  别
				
男
				

			
			

				
民  族
				
汉
				
出生年月
				
1998.4
				
			
			

				
籍  贯
				
北京市
				
婚姻状态
				
未婚
			
			
			

				
政治面貌
				
中共党员
				
毕业院校
				
家里蹲大学
			
			
			

				
学  历
				
大学本科
				
求职意向
				
Web前端工程师
			
			
			

				
联系地址
				
北京市
				
联系电话
				
18388638832
		
			
			

				
邮  箱
				
123@qq.com
				
目前状态
				
离职，随时到岗
		
			
			

				
工
作
技
能
				

					

						
精通HTMI +CSS3构建各种页面样式
						
熟练便H过Javascrip完成各种页面交口
						
熟练使用JQuery)进行DOM操作，实现网页特效
						
熟练使用Vue、Vueruuler、 vueX全家桶项目开发，并有相关项目经验
						
热练便HBootStrap、ElementUl、 LayUI等前端框架
						
熟悉微信小程序的开发，并拥有相关开发经验
						
了解并掌握基木Echarts图表框架的使用
						
了解rcact框架，能够搭建基本框架
						
解PI IP、MySq|等后端语言
						
能使用PhotoShop基木功能，可以进行切图及页面所需图片优化
					
					
				
			
			

				
自
我
评
价
				

					
热爱代码，个人学习能力强，乐于接受新事物，喜欢去追寻去发现; 逻辑思维能力较强，享受解决问题的乐趣，很享受发现问题和解决问题的过程;协同合作能力强，能很快的融入团体中;为人友善易相处，能很好的控制自己的情绪;
				
			
		
	

运行效果如下：

三、表单

1、表单标签

2、表单域

属性：.type 类型

1.  type="text" 文本框
2.  type="password" 密码框
3.  type="radio" 单选框 name值必须保持一致 圆的里面是点
4.  type="checkbox" 复选框 方的 里面是对勾
5.  type="submit" 提交按钮
6. type="reset" 重置按钮
7.  type="button" 普通按钮
8.  type="file" 文件上传按钮

1.  name 名字 给标签起的名字    后端通过name获取用户所填内容
2. value 值 输入的值    用来接收用户所填内容，也可以设置默认值
3. maxlength 输入的最大字符数
4. size：文本框的长度
5. 单选框 与 复选框 默认被选中 checked 或 checked="checked"

文本框密码框

用户名：



密 码：

 

单选框：

性 别：
男
女

 复选框：

 爱 好：
打游戏
打篮球
听音乐

 

 文本域：

下拉选择框

	 郑州
	 开封
	 洛阳

 

 文本上传

 

 

3.按钮

	
		
		
	
	
		


		


		普通按钮


		重置按钮


		提交按钮