文档介绍：HTML知识点一、功能用来制作静态网页,网页中的全部内容都是通过Html语言展现出来。使用场合:开发静态网页。二、思想一切功能都由标签实现,标签具有四要素。三、常用标签标签关键字功能常用属性<font></font>设置字体,字号,颜色face,color,size<br/>换行<center></center>居中对齐<hn></hn>设置标题级别H1最大h6最小align<hr/>插入水平线size,width,align<p></p>划分段落,align<ol></ol>创建有序编号列表type,start<li></li>定义一个列表项<ul></ul>定义无序符号列表type<img/>插入图片src,width,height,border,title,alt<table></table>插入表格border,width,height,bgcolor,bordercolor,cellpadding,cellspacing<tr></tr>创建一行<td></td>创建一列colspan,rowspan<th></th>创建一列,元素居中,粗体<caption></caption>设置表格的标题<form></form>收集用户输入信息,并提交给服务器action,method<inputtype="text"/>创建文本框name,valuereadonly,disabled<inputtype="password"/>创建密码框<inputtype="radio"/>创建单选按钮checked<select></select>创建下拉列表框name<option></option>创建列表项value,selected<inputtype="checkbox"/>创建复选框checked<textarea></textarea>创建文本区域name,rows,cols<inputtype="hidden"/>创建隐藏控件<inputtype="submit"/> 创建提交按钮<inputtype="reset"/>创建重置按钮<a></a>超级链接,网页跳转href,target<metaname="keywords"content="淘宝网"/>指定快速的查询到该网页的关键字<metaname="description"content="淘宝网-亚洲最大/>//提供网页内容的描述信息<metahttp-equiv="content-type"content="text/html;charset=utf-8"/>//指定文档类型和页面字符集四、案例1、诗篇2、学生课程表3、注册页CSS知识点一、功能1、css格式化页面中的各组成元素2、css决定元素在页面的具体位置二、思想属性是css最小构成单元,每个属性都有特定功能,多个属性构成样式,由样式修饰html语言的标签。三、样式修饰标签1、style属性html标签添加style属性,属性值是多个css属性的组合。2、标签选择器样式名与标签关键字相同,根据名称相同自动关联。3、ID选择器1>样式名以#开始;2>标签添加id属性与样式关联。4、类选择器1>;2>标签添加class属性与样式关联。5、属性选择器标签名[属性名=属性值],根据标签关键字和属性值自动关联。6、包含选择器1>子样式名中间加>或空格分隔(>直接包含);2>看最后一个子样式是什么选择器就如何关联标签。7、多个样式名同一样式体1>样式名中间加逗号分隔;2>根据样式类型决定如何与标签关联。8、多条件同时成立选择器1>多个子样式名紧挨着2>一个标签必须同时具备这多个条件才可以被该样式修饰9、各选择器使用场合1)如果想根据标签名用一个样式修饰所有同名标签时,用标签选择器;2)如果一个样式只想修饰唯一的一个标签时,用id选择器;3)如果一个样式想修饰多个任意标签时,用类选择器;4)尽量使用包含选择器。四、元素定位1、盒子模型通过设置标签的内外边距从而改变元素的位置,没有脱离标准文档流。相关属性:marging-top:外上边距margin-right:外右边距margin-bottom:外下边距margin-left:外左边距margin:同时设置上右下左四个外边距(顺时针)padding-top:内上边距padding-right:内右边距padding-bottom:内下边距padding-left:内左边距padding:同时设置上右下左四个内边距border-top:设置上边线的粗细,颜色,线型border-right:设置右边线的粗细,颜色,线型border-bottom:设置下边线的粗细,颜色,线型border-left:设置左边线的粗细,颜色,线型border:同时设置四个边线的粗