html js css学生总结,HTML-JSCSS 总结.doc

HTML

主讲：王春梅

以下笔记均为我本人亲自整理，若有描述不对或代码错误，请同学们及时更改一下，重新上传上去，谢谢！

1、HTML 概述

a、什么是 HTML：超文本标记语言，是一种纯文本的用于编写网页的标记语言，由浏览器解释运行

b、web浏览器：提交请求，显示页面

主流浏览器：FireFox/IE/Chrome/Safix

c、基础语法

标记：双标记

、单标记

属性：定义在开始标记里，用空格隔开

单标记(空标记)：

注释：html文本： CSS文本：/*注释内容*/

d、HTML 文档的标准结构

版本信息：严格、过渡、框架

常用属性：http-equiv 、 content;

http-equiv常用值：refresh自动刷新；content-type：应用环境

content常用值：“数据 100”(对应refresh)； text/html：html文本

charset应用环境 编码：值 UTF-8

e、

文档头元素：标题元素(出现浏览器顶部)

元数据元素：用于定于网页的基本信息

2、文本

a、普通文本以及特殊字符:空格折叠，特殊字符使用转义字符

 空格 右尖号> © 小圈内一个C

b、标题标记：

--

c、段落标记：

d、换行：
---回车

e、分组元素：本身没有外观，统一设置

：不会影响原有的布局---适用于行内元素分组

f、块级元素：独占一行的标记，比如h1、p、div ；

行内元素：和其他元素位于同一行，比如 span、a ；

3、图像和链接

绝对路径

相对路径

常用属性：src 路径； width: 图像宽度； height: 图像高度

超级链接：被点击的内容

target属性：设置页面在何处打开

_self：默认值_blank：新的空白

如何为图像添加链接？

如何实现同一个页面的不同部分之间的跳转

----使用锚点 锚点是文档中某行的一个记号

第一步：目标处使用a元素定锚点

图像和链接标记：实现页面上的导航定位；

4、列表 常用于实现几个相关的项的排列

无序列表： ul

有序列表: ol

包含列表项： li----list item 用于指示具体的列表内容；

使用嵌套的列表实现多级菜单

5、表格

表格的基本结构：table / tr ：行 、 /td ：列

高度和宽度：自适应

table的属性：border 边框 / width / height / align

表格标题跟随

/cellpadding 单元格边框与内容之间的间距 /cellspacing：单元格之间的间距

td的属性：width/height/align 位置 /valign

行分组：tbody 表头 /thead 表主体 /tfoot 表尾

不规则表格：设置 td 的 colspan 跨列 / rowspan 跨行

表格的嵌套：实现复杂布局定义

6、表单 通过查看，填写并提交表单信息与服务器进行动态交互；

表单元素：

---承载其他元素，用于实现数据的收集，提交给服务器

主要属性：action ： 定义表单被提交时发生的动作；通常包含服务方面脚本的URL，如：jsp，php

Method : 指出表单数据提交的方式，取值为get或者post;

Enctype : 表单数据进行编码的方式；

例：