文档介绍：羈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,value蒁readonly,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:内下边距蚆pad