abstract：

HTML总结

---

• 知识总结
• 案例

知识总结

 [1]单标签就是只有一个标签，也就是一个空元素：meta、img、hr、br [2]双标签有开始标签和结束标签 [3]块级元素：独占一行，对宽高的属性值生效，如果不给宽度，块级元素就默认浏览器的宽度，（即就是100%宽）。例如：div p ul h1~h6 ..... [4]行内元素：对宽高属性值不生效，完全靠内容撑开宽高，可以跟其他标签存在一行,例如：span b strong em a img input ..... [5]行内块元素：结合行内和块级元素的特点，不仅对宽高的属性值生效还可以跟多个 标签存在一行。例如：input img [6]meta charset="utf-8"，设置编码方式，不设置中文乱码，英文正常。 [7]link rel="shortcut icon" type="image/x-icon"href="logo地址"，link在页面中最常见的就是引入外部样式 [8]text-indent:2em,首行缩进两字符。em斜体,i斜体 ,del删除线 ,br换行,pre预格式文本，保留文本空格换行等 ,h1--h6标题标签,font-size字体大小,line-hight行高 font-weight字体粗细,font-family字体样式,text-align文字位置 [9]a超链接。text-decoration:none;删除下划线。text-decoration:underline;加下划线。a:hover鼠标经过状态。 [10]有序列表,ol>li*n 无序列表,ui>li*n list-style:none;去掉无序列表样式 list-style:url(图片地址);通过该方法，不能调整图片位置等 before ul li:before{content:url(images/logo.png);margin-right:10px;} after ul li:after{content:url(images/logo.png);margin-right:10px;} [11]form表结构，属性：method=“get/post" action="URL地址' input输入框，属性type="text/password" name="username/pwd" placeholder="请输入用户名/密码"> button登录按钮 [12]table表结构， border-collapse:collapse;边框线合并 tr>th表头 tr>td表格 colspan=""合并列 rowspan=""合并行 注意： 1.返回顶部不会，需要查资料学习 2.网页框架结构需多练习 3.before、after运用有限，需扩展练习 4.加验证码？ 5.删除边框不会 6.文字左右两边显示 

案例

登录

个人简历 应聘职位：                                                                                     填表日期：————年————月————日
姓名			性别		文化				照片
			身高		政治面貌
籍贯					出生年月
户口所在地					婚否		民族
身份证号码					现居住地址
毕业院校					毕业时间
学习专业					爱好特长
个人简历
就学时间	学校				学年	学历	专业		担任职务
英语应用水平						职业期望
计算机应用水平						住宿要求
工作经历	时间		工作地点					职务
待遇要求
联系方式	移动电话				固定电话
	邮编				地址

Correcting teacher：查无此人Correction time：2019-06-22 17:03:14
Teacher's summary：完成的不错。表格很常用，现在很多框架的表格很漂亮，可以研究下。继续加油

WeChat

share