HTML知识点总结.docVIP

第一章 认识HTML，了解Internet常识 1.与Internet相关的一些术语：html、http、www、URL、web 2.HTML基本结构： html head title标题/title /head body /body /html 3.Dreamweaver的使用：建立站点。（目的：方便存储和管理网站的多个文件） 4.绝对路径，相对路径 5.基本标签：a href=”url”/a、h1/h1、p/p、br /、pre/pre、font/font、img src=”url” / 6.超链接：（1）跳页面a href=”url”/a （2）跳标签a href=”#名字”/a 跳的目标a name=”名字”/a 7.特殊符号：空格—nbsp; 8.注释：!-- 要解释的内容 -- 第二章 表格和表单 1.表格： （1）语法 table !-- 表格 -- tr !-- 行 -- td内容/td!-- 单元格 -- /tr /table （2）常用属性： border：边框 rowspan：行合并 colspan：列合并 cellspacing：格子之间的距离 cellpadding：内容和格子的距离 2.表单：提交页面数据到服务器 （1）语法：form/form （2）元素：input、select、textarea标签 input：包含10个类型（type属性来设置），7个常用，分3类 文本框：text、password 例：input type=”text” / 单选复选：radio、checkbox 例：input type=”radio” / 按钮：button、submit、reset select语法：size：同时显示几个选项；mutiple：同时选中多个选项；selected默认选择某一项 select size=”3” mutiple option selected内容/option /select 第三章 CSS层叠样式表 1.写CSS的3个位置 （1）行内样式：标签名 style=”属性1:值1; 属性2:值2;…” （2）内部样式：在head标签里写 style type=”text/css” CSS的语法 /style （3）外部样式：link href=”css文件路径” rel=”stylesheet” / 2.CSS语法：选择器{属性1:值1; 属性2:值2;…} 3.选择器的分类 （1）元素（标签）选择器：标签名{属性1:值1; 属性2:值2;…} （2）class选择器：.class名{属性1:值1; 属性2:值2;…} 注：class名是标签的一个class属性 （3）ID选择器：#id名{属性1:值1; 属性2:值2;…} 注：id名是标签的一个id属性 （4）包含选择器：选择器 选择器 选择器 。。。{属性1:值1; 属性2:值2;…} 注：和指定路径类似，从大到小确定范围 4.CSS样式的优先级 （1）位置：行内内部外部 （2）选择器：idclass元素 第四章 DIV盒子模型 float属性定位 1.DIV就是一个标签（盒子） 2.模型结构：content---padding---border---margin （后面3个是CSS属性） 3.DIV+CSS布局需要用到的常用属性：height、width、border 、background 4.定位： （1）float属性 注：用完后要加一个单独的标签使用clear:both;清除浮动效果 （2）margin属性：可以设置为负数来定位 （3）position属性：absolute（绝对）、relative（相对）、static（默认） 5.CSS属性的子属性（”-”）简写方式：可以直接写父属性:子属性值1 值2 值3; 第五、六章 超链接伪类、横向图文列表、导航栏、表单美化 1.超链接伪类： a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定的链接 */ 2.float运用到列表ul li中实现横向列表 注：（1）取消无序列表的圆点：list-style:none; （2）a标签的控制：1）line-height:;让文字居中 2）display:block;伪类画面生效 3.表单美化：background:颜色 图片 重复 坐标;