[HTML-JS-CSS总结.docVIP

HTML 主讲：王春梅 以下笔记均为我本人亲自整理，若有描述不对或代码错误，请同学们及时更改一下，重新上传上去，谢谢！ 1、HTML 概述 a、什么是 HTML：超文本标记语言，是一种纯文本的用于编写网页的标记语言，由浏览器解释运行 b、web浏览器：提交请求，显示页面 主流浏览器：FireFox/IE/Chrome/Safix c、基础语法 标记：双标记tr/tr、单标记 a / 属性：定义在开始标记里，用空格隔开 单标记（空标记）： br br / 注释：html文本：!—注释内容-- CSS文本：/*注释内容*/ d、HTML 文档的标准结构 版本信息：严格、过渡、框架 html head 用于为页面定义全局信息，所有头元素的容器 mata 常用属性：http-equiv 、 content; http-equiv常用值：refresh自动刷新；content-type：应用环境 content常用值：“数据 100”(对应refresh)； text/html：html文本 charset应用环境 编码：值 UTF-8 /head body/body /html e、head文档头元素： title标题元素(出现浏览器顶部)/tutle meta元数据元素/meta：用于定于网页的基本信息 2、文本 a、普通文本以及特殊字符:空格折叠，特殊字符使用转义字符 nbsp;空格 lt;左尖号 gt; 右尖号 copy; 小圈内一个C b、标题标记：h1--h6 c、段落标记：p/p---较大的行间距 常用属性：align=”左中右” d、换行：br /---回车 e、分组元素：本身没有外观，统一设置 div/div：独占一行--适用于对于块级元素分组，设置同一行文字内的不同格式 span/span：不会影响原有的布局---适用于行内元素分组 f、块级元素：独占一行的标记，比如h1、p、div ； 行内元素：和其他元素位于同一行，比如 span、a ； 3、图像和链接 img src=d:/a.jpg / 绝对路径 img src=http://ss/a.jpg / 相对路径 img src=images/a.jpg / 常用属性：src 路径； width: 图像宽度； height: 图像高度 超级链接： a href=URL或者锚点 target=被点击的内容/a target属性：设置页面在何处打开 _self：默认值 _blank：新的空白 如何为图像添加链接？aimg //a 如何实现同一个页面的不同部分之间的跳转 ----使用锚点 锚点是文档中某行的一个记号 第一步：目标处使用a元素定锚点 a name=a1/a 图像和链接标记：实现页面上的导航定位； 4、列表 常用于实现几个相关的项的排列 无序列表： ul 有序列表: ol 包含列表项： li----list item 用于指示具体的列表内容； 使用嵌套的列表实现多级菜单 5、表格 表格的基本结构：table / tr ：行 、 /td ：列 高度和宽度：自适应 table的属性：border 边框 / width / height / align caption表格标题/caption跟随table标签后 /cellpadding 单元格边框与内容之间的间距 /cellspacing：单元格之间的间距 td的属性：width/height/align 位置 /valign 行分组：tbody 表头 /thead 表主体 /tfoot 表尾 不规则表格：设置 td 的 colspan 跨列 / rowspan 跨行 表格的嵌套：实现复杂布局定义 6、表单 通过查看，填写并提交表单信息与服务器进行动态交互； 表单元素：form/form---承载其他元素，用于实现数据的收集，提交给服务器 主要属性：action ： 定义表单被提交时发生的动作；通常包含服务方面脚本的URL，如：jsp，php Method : 指出表单数据提交的方式，取值为get或者post; Enctype : 表单数据进行编码的方式； 例：form action=login.jsp method=post XXXX /form 表单上的元素：比如文本框、密码框、选择列表等等 a、input 元素，主要依靠其 type 属性的取值 文本框：input type=te