《毕向东HTML_CSS_JavaScript教程笔记》由会员分享，可在线阅读，更多相关《毕向东HTML_CSS_JavaScript教程笔记（36页珍藏版）》请在金锄头文库上搜索。
1、HTML HTML ： （ Hype Text Markup Language）超文本标记语言，是最基本的网页语言。代码由标签组成，不区分大小写。由 开始， 结束，分头部分（head）和体部分（ body） ，头部分用于给页面增加一些辅助或属性信息，最先加载。体部分是真正存放页面数据的地方。属性和属性值用“=”连接，属性值可加双引号、单引号或不加引号。标签相当于一个容器，数据存放在容器里，对数据操作，就是在修改容器的属性值。字体标签： 文字 color 属性可用颜色单词，也可用“#FFFFFF” ：井号加十六进制数据表示，红绿蓝标题标签： 文字 共有 6 级标题水平线标签： size 属性指定
2、水平线粗细特殊符号：大于号小于号与符号 列表和项目符号标签：定义列表 数字标签 符号标签 定义列表DefinedList 定义项目具体项目 具体项目 自动缩进效果具体项目内容用 封装自动缩进默认数字样式可用 type修改： a AI i 1 Start 属性指定起始号码默认样式空心圆circle disc 实心圆square 黑方块可用 CSS 自定义符号注释标签： 图像标签： src 属性中可用两个点（/）代表上层目录alt 属性中的说明文字在鼠标悬停和图片加载失败时显示图像地图：用 封装好图像后，切换到DW 设计视图，在属性中选择热点区域形状并在图像上拖动出一块热点区域，用热点区域链接某个
3、资源。在页面中点击热点区域就会跳转到相应资源。表格标签： cellspacing=0 两线并成一线但显示出来粗，用 CSS 中 border-collapse 两线重叠看起来就是一条线标签内 给表格加标题，是表格的一部分行占两列table 标签中默认都有一个tbody 标签thead、tbody、tfoot 浏览页面时， 浏览器解析由table标签封装的页面数据时，读到 表格结束标记才会显示数据， 若封装页面数据的表格很大，没读到结束标记就不显示任何数据，用户体验不佳，所以将表格分为多个部分，读一个 就显示一部分。用tbody 将表格分体超链接标签： 文字 点击一个超链接做了什么？首先启动相应
4、的协议解析引擎，访问本机hosts 文件，查找对应主机IP，未找到再请求网络DNS 服务器获取对应IP，用 IP 访问指定主机。href 属性，可以指定协议，mailto:?subject= ” 邮件主题 ” 封装规则Matcher m = p.matcher(String); 关联字符串，获取对应匹配器while (m.find() 查找是否包含有指定规则的字符串 SOP(m.group(); 输出符合规则的内容 切割： String 中的 split() spilt(regex) 实现复杂切割（连词、叠词）替换： replaceAll(regex, str); 示例：获取连续数字Strin
5、g regex = “ d5, ” ; 5 个以上的连续数字符合规则Pattern p = Ppile(regex); Matcher m = p.matcher(String); while (m.find() String s = m.group(); SOP(s.replaceAll(regex, “ #” ); 将符合规则的数据替换掉 网页爬虫：通过网络以及IO 读取网页源文件，并通过规则获取网页中符合规则的数据。常用的一些正则符号：？零次或一次*零次或多次+一次或多次n正好 n 次n， 最少 n 次n，m最少 n 次，最多 m 次点.表示任意字符d 任意数字w 字母数字下划线注意转义
6、斜杠表示一个斜杠正则表达式中乱七八糟的组合很多，下面是js 帮助文档中的说明，放这里以备查用正则表达式对象本对象包含正则表达式模式以及表明如何应用模式的标志。语法1 re = /pattern/ flags 语法2 re = new RegExp(“pattern“, “flags“ )参数re必选项。将要赋值为正则表达式模式的变量名。Pattern 必选项。要使用的正则表达式模式。如果使用语法 1 ， 用 “/“ 字符分隔模式。 如果用语法 2 ，用引号将模式引起来。flags可选项。如果使用语法 2 要用引号将 flag 引起来。标志可以组合使用，可用的有：g （全文查找出现的所有patt
7、ern）i （忽略大小写）m （多行查找）说明不要将 正则表达式 对象跟全局RegExp 对象混淆。 尽管听起来像是一回事，但它们是截然不同的。 正则表达式 对象的属性只包含一个正则表达式的信息，而全局RegExp 对象的属性包含了不断更新的每一个匹配出现的信息。正则表达式 对象保存用于查找字符串中的字符组合时的模式。创建正则表达式 对象后， 或者它被传递给字符串方法，或者字符串被传递给一个正则表达式方法。有关最近进行查找的信息被保存在全局RegExp 对象中。当预先知道查找字符串时用语法 1 。当查找字符串经常变动或不知道时用语法 2 ，比如由用户输入得到的字符串。在使用前pattern参数
8、被编译为内部格式。对语法 1 来说，pattern在该脚本被装载时被编译。对语法 2 来说，pattern在使用前，或调用compile方法时被编译。示例下面的示例创建一个包含正则表达式模式及相关标志的对象(re) ， 向您演示 正则表达式 对象的用法。在本例中，作为结果的正则表达式 对象又用于match方法中：function MatchDemo() var r, re; / 声明变量。var s = “The rain in Spain falls mainly in the plain“; re = new RegExp(“Spain“,“i“); / 创建正则表达式对象。r = s.m
9、atch(re ); / 在字符串 s 中查找匹配。return(r); / 返回匹配结果。 正则表达式语法一个正则表达式就是由普通字符（例如字符 a 到 z ）以及特殊字符（称为元字符）组成的文字模式。 该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。这里有一些可能会遇到的正则表达式示例：JScript VBScript 匹配/ t*$/ “ t*$“ 匹配一个空白行。/d2-d5/ “d2-d5“ 验证一个 ID 号码是否由一个2位数字，一个连字符以及一个5 位数字组成。/.*/ “.*“ 匹配一个 HTML 标记。下表是
10、元字符及其在正则表达式上下文中的行为的一个完整列表：字符描述 将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、 或一个八进制转义符。例如，n 匹配字符 “n“ 。n 匹配一个换行符。序列 匹配 “ 而 “(“ 则匹配 “(“。 匹配输入字符串的开始位置。如果设置了RegExp 对象的Multiline属性， 也匹配 n 或 r 之后的位置。$ 匹配输入字符串的结束位置。如果设置了RegExp 对象的Multiline属性，$ 也匹配 n 或 r 之前的位置。* 匹配前面的子表达式零次或多次。例如，zo* 能匹配 “z“ 以及 “zoo“ 。 * 等价于 0, 。+ 匹配前面的子
11、表达式一次或多次。例如，zo+ 能匹配 “zo“ 以及 “zoo“ ，但不能匹配 “z“ 。+ 等价于 1,。? 匹配前面的子表达式零次或一次。例如，“do(es)?“ 可以匹配 “do“ 或“does“ 中的 “do“ 。? 等价于 0,1。n n是一个非负整数。匹配确定的n次。例如， o2 不能匹配 “Bob“ 中的o ，但是能匹配 “food“ 中的两个 o 。n, n是一个非负整数。至少匹配n次。例如， o2, 不能匹配 “Bob“ 中的o ，但能匹配 “foooood“ 中的所有 o 。o1, 等价于 o+。o0, 则等价于 o*。n,m m和n均为非负整数，其中n ?_| pGra
12、ph 可见字符： pAlnumpPunct pPrint 可打印字符： pGraphx20 pBlank 空格或制表符： t pCntrl 控制字符： x00-x1Fx7F pXDigit 十六进制数字：0-9a-fA-F pSpace 空白字符： tnx0Bfr java.lang.Character 类（简单的java 字符类型 ）pjavaLowerCase 等效于java.lang.Character.isLowerCase()pjavaUpperCase 等效于java.lang.Character.isUpperCase()pjavaWhitespace 等效于java.lang.
13、Character.isWhitespace()pjavaMirrored 等效于java.lang.Character.isMirrored()Unicode 块和类别的类pInGreek Greek 块（简单 块）中的字符pLu 大写字母（简单类别 ）pSc 货币符号PInGreek 所有字符， Greek 块中的除外（否定）pL 4、通过 HTML 头标签中的link 标签链接一个CSS 文件技巧：为提高样式的复用性和可扩展性，将多个样式单独定义并封装为CSS 文件，如p.css、div.css, 在一个总的CSS 文件中，使用import 导入这些CSS 文件，然后在HTML页面中用l
14、ink 标签将这个总的CSS 文件导入即可。优先级：就近原则标签上设置的style 属性可以覆盖其他样式选择器：1、标签选择器：每个HTML 标签名即为一个选择器2、类选择器：标签中的class属性指定定义样式要加点js 引用时用className 3、ID 选择器：标签的id 属性，尽量保证唯一，便于JavaScript 获取元素4、扩展选择器：a、关联选择器：标签中的标签table div 表示表格中的div 区域b、组合选择器：多个选择器逗号分隔c、为元素选择器：元素的状态如超链接的默认状态、点击状态、悬停状态等a:link a:visited a:hover a:active LVHA
15、 顺序删除超链接默认下划线：text-decoration ：none p:first-letter p:first-line focus:IE6 不支持CSS 滤镜：通过一些代码丰富了的样式网页设计时， DIV+CSS DIV 和 P 标签都属于行级区域，回车效果，SPAN 标签为块级区域，无回车效果可加 border、color 等属性， P 标签中不要嵌套DIV 标签JavaScript：基于对象和事件的脚本语言特点：安全性：不允许直接访问本地硬盘，可做的就是信息的动态交互跨平台性：只要可以解析JS的浏览器就可执行，与平台无关JavaScript 与 Java的不同：1、js 是 NetScape 的产品， Java是 SUN 的产品2、js 是基于对象的，Java 是面向对象的3、js 只需解释就可执行，Java 需要先编译成字节码文件后再执行4、js 是弱类型语言，Java 是强类型的5、js 是非严谨的，Java是严谨的JavaScript 与 HTML 代码的结合方式：任何代码要融入HTML
