没有合适的资源?快使用搜索试试~ 我知道了~
[互联网]毕向东HTML_CSS_JavaScript教程笔记.doc
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 99 浏览量
2022-06-11
06:16:28
上传
评论
收藏 363KB DOC 举报
温馨提示
试读
36页
[互联网]毕向东HTML_CSS_JavaScript教程笔记
资源推荐
资源详情
资源评论
HTML
HTML:( Hype Text Markup Language)超文本标记语言,是最基本的网页语言。代
码由标签组成,不区分大小写。
由<html>开始,</html>结束,分头部分(head)和体部分(body),头部分用于给页
面增加一些辅助或属性信息,最先加载。体部分是真正存放页面数据的地方。
属性和属性值用“=连接,属性值可加双引号、单引号或不加引号。
标签相当于一个容器,数据存放在容器里,对数据操作,就是在修改容器的属性值。
字体标签:<font size=”5” color=”red”>文字</font>
color 属性可用颜色单词,也可用“#FFFFFF:井号加十六进制数据表示,红绿蓝
标题标签:<h1>文字</h1> 共有 6 级标题
水平线标签:<hr color=”red” size=”5”/> size 属性指定水平线粗细
特殊符号:
大于号> 小于号< 与符号& 双引号” 空格 注册符® 版权符©
TM 符
™
< > & " ® © ™
列表和项目符号标签:
定义列表<dl> </dl> 数字标签<ol> </ol> 符号标签<ul> </ul>
<dl>定义列表 DefinedList
<dt>定义项目
<dd>具体项目</dd>
<dd>具体项目</dd>
</dt>
</dl>
自动缩进效果
具体项目内容用<li></li>封装 自动缩进
默认数字样式 可用 type
修改:a A I i 1
Start 属性指定起始号码
默认样式空心圆 circle
disc 实心圆 square 黑方块
可用 CSS 自定义符号
注释标签:<!—注释内容-->
图像标签:<img src=”../dir/file” alt=”说明文字” height width border/>
src 属性中可用两个点(../)代表上层目录
alt 属性中的说明文字在鼠标悬停和图片加载失败时显示
图像地图:用<img>封装好图像后,切换到 DW 设计视图,在属性中选择热点区域形状并
在图像上拖动出一块热点区域,用热点区域链接某个资源。在页面中点击热点区域就会跳
转到相应资源。
表格标签:<table><tr><td></td></tr></table>
<table border=”边框粗细” bordercolor cellpadding=”单元格中数据与单元格边框间距 ”
cellspacing=”单元格与单元格间距 0 两线并为一线” width=’固定像素值或相对页面百分
比’> cellspacing=0 两线并成一线但显示出来粗,用 CSS 中 border-collapse 两线重叠
看起来就是一条线
<table>标签内<caption></caption>给表格加标题,是表格的一部分
<td colspan=2>行占两列
table 标签中默认都有一个 tbody 标签 thead、tbody、tfoot
浏览页面时,浏览器解析由 table 标签封装的页面数据时,读到</table>表格结束标记
才会显示数据,若封装页面数据的表格很大,没读到结束标记就不显示任何数据,用户体
验不佳,所以将表格分为多个部分,读一个</tbody>就显示一部分。用 tbody 将表格分体
超链接标签:<a href=”http://www.xxx.cn” >文字</a>
点击一个超链接做了什么?首先启动相应的协议解析引擎,访问本机 hosts 文件,查找
对应主机 IP,未找到再请求网络 DNS 服务器获取对应 IP,用 IP 访问指定主机。
href 属性,可以指定协议,mailto:abc@qq.com?subject=”邮件主题”&cc=”抄送地址”
mailto thunder 不指定协议默认启动文件协议解析
href=www.baidu.com 默认使用 file 协议打开的是一个本地文件 并不是主机地址
超链接实现页面内跳转:定位标记、锚
<a name=”top”>顶部位置</a>
用 a 标签的 name 属性为当前位置指定一个名字,不使用 href 属性
很多页面内容…
在适当位置用 a 标签链接到指定名字的位置 用#标示当前页面
<a href=”#top”>回到顶部位置</a>
target 属性指定页面打开方式,默认在当前页面内打开,_blank 新窗口打开
title 属性:当鼠标悬停在文字上时显示的文字内容
表单标签:用于与服务端交互
<form action=”表单提交目的地” method=”表单提交方式”></form>
form 标签内的组件:input 接收用户输入数据 select 下拉列表 textarea 文本区域
<input type=”text” name=”user” value=”zhangsan” />
input 标签内要指定 name 属性,服务端才能获取到对应的 value
input 内包含的组件类型 通过 type 指定:
text 文本框 password 密码框
radio 单选框 属于同一组的选择框 name 属性要一致,不然单选框不能实现单选
checkbox 复选框 分组 同单选框 单选框不加属性时还不让你选
file 提供一个文件浏览按钮,多用于上传文件
hidden 隐藏组件,不需用户看到但服务端要用到,可通过 JavaScript 将其值在用户
端运算后再提交至服务端使用
button 按钮 通过 onclick 方法添加事件监听
reset 重置按钮 submit 提交按钮
image 和 submit 一样,但可通过 src 属性指定一个图片充当按钮 美化效果
<td rowspan=2>列占两行
第一行第一个单元格
第一行第二个
第二行只有一个
<select>选择列表,默认单选下拉式 设定 multiple 属性使选项全部列出,无下拉效果
size 属性指定显示多少项,显示不完出现滚动条
通过<option></option>标签封装列表项
<textarea cols=”” rows=””> 文本区域 可指定行数和列数
<fieleset>区域设置,可给 form 加外框 外框上的文字可用 legend 标签指定
form 中的 method 指定提交方式,有 7 中,常用 get 和 post
用 Java 自定义服务端与 form 交互 查看数据提交不同之处
get 提交:信息显示在地址栏中,敏感信息泄露,不安全;
地址栏存储信息量有限,不利于大数据量提交;
将信息封装在消息头前边;
提交至服务端的中文乱码需要再次编码后再解码
post:地址栏上不显示提交的信息,避免信息泄露,安全;
提交数据量无限制,方便大数据提交;
将信息封装在消息头后边(空行后)的数据体中;
中文乱码可通过设定字符集方法简单搞定
Tomcat 服务端默认使用的 iso8859 编码,两种提交方式提交中文时,服务端会显示乱
码,需要在服务端使用指定字符集解码,request.setCharacterEncoding(“GBK”)但设定字符
集方法只对数据体中的数据有效,get 方式提交的信息封装在消息头中,不能使用这种方法。
但可以通过先用 iso8859 编码再 GBK 解码的方式解决。推荐使用 post 方式提交。
暴力提交、暴力注册
<a href=”http://注册地址?name=value&id=value......”>暴力开始</a>
超链接默认就是 get 方式提交
客户端首先进行数据有效性校验,服务端对客户端提交的数据必须再次校验
label 标签:用于给各元素定义快捷键
for 属性指定快捷键起作用的表单元素,其值必须与该表单元素的 id 值相同
accessKey 指定快捷键,要与 Alt 合用
例:<label for=”user” accessKey=”u”>user name</label>
<input type=”text” id=”user” />
label 使用技巧:
将 label 标签加到 tr 标签上,for 属性指向该 tr 里的文本框,在这行的任意位置点
击鼠标,文本框都将获得焦点。
其他标签:
<pre></pre>此标签内封装的文本数据格式将保持原样,包括空格和缩进等格式。常用
于页面中显示带有缩进层次的代码。
<p></p>段落标签,两个段落之间带有空行
<b>加粗 <strong>加粗 <i>斜体 <u>下划线 <sub>下标 <sup>上标
<marquee direction=”left/right/down/up” behavior=”scroll/alternate/slide”>
此标签内可以让内容动起来,scroll 滚动穿过/alternate 来回弹/slide 一下摔死
框架集 frameset 标签:将浏览器页面分成多个独立的部分,分别显示不同的页面
放在 head 和 body 之间 frameset 分割页面 frame 指定小页面内容
<frameset rows=”30%, *” frameborder=”yes” border=”1” framespacing=”0”>
<frame src=”1.html” noresize=”noresize” />
<frame src=”2.html” noresize=”noresize” />
</frameset>
frameset 中用 rows 和 cols 属性指定分割页面大小区域,可用百分比也可用像素值
frame 中的 noresize 属性使框架页面大小不可随意改动
frame 中添加的超链接默认都是在当前框架页面内打开的,要让其在当前窗口中的其他
框架页面中打开,需要将框架页面添加一个 name 属性,让超链接的 target 属性值等于这个
框架页面的 name 属性即可
iframe 画中画标签:直接在当前页面中挖出一个区域,显示指定页面内容
<iframe src=”1.html” width=30 height=50>画中画标签说明文字,这些文字在浏览器不
支持 iframe 标签时显示</iframe>
画中画标签具有一定的危险性,可能被用于隐藏执行一些恶意的代码
如:<iframe src=”1.js” height=0 width=0>
头标签<head>内的一些标签:<title></title> <base /> <meta /> <link />
title:页面标题,显示在浏览器标题栏上的文字
base:href 指定页面中所有超链接的目录,可本地,也可网络,结尾一定要用斜杠/表
示
目录,只作用于相对路径文件。 target 指定打开方式
meta: <meta name=”keywords” content=”电影,视频,关键字……” />
<meta http-equiv=”refresh” content=”3, url=http://www.xxx.com” />
http-equiv:模拟 HTTP 协议响应消息头,3 秒后刷新,打开指定网页
link:给 HTML 关联一些文件,如 CSS,JS 等
<link rel=”stylesheet” href=”1.css” media=”print/screen”>
rel 指定关联文件与 HTML 的关系 media 指定文件作用的设备,多个设备斜杠分隔
XHTML 是可扩展的(Extensible)超文本标记语言,可理解为 HTML 向 XML 的过渡。
XML 是可扩展标记语言,是对数据信息的描述,而 HTML 是对数据显示的描述。XML 规
定更为严格,如标签不结束即错误。XML 规范可被更多应用程序解释,将成为一种通用的
数据交换语言,各个服务器、框架都将 XML 作为配置文件。
Dreamweaver 创 建 HTML 文 件 自 动 生 成 的 头 部 信 息 中 , 又 一 个 规 范 约 束 文 件
(.dtd),描述一些标签信息,由此文件来约束标签的自动闭合,删除这些头部信息后 ,
DW 中输入标签将不会自动闭合。前边的网址并不代表此文件要从网络获取,只表示名称
空间,可自定义。
正则表达式
正则表达式:是一种专门用来操作字符串的规则,通过一些符号来表示某些程序代码,
简化对字符串的复杂操作,但可读性较差。
常见操作:匹配、获取/查找、切割、替换
匹配:String 类中的 matches 方法 matches(regex)
获取(查找):Pattern+Matcher
Pattern p = Pattern.compile(regex); 封装规则
Matcher m = p.matcher(String); 关联字符串,获取对应匹配器
while (m.find()) 查找是否包含有指定规则的字符串
{
SOP(m.group()); 输出符合规则的内容
}
切割:String 中的 split() spilt(regex)实现复杂切割(连词、叠词)
替换:replaceAll(regex, str);
示例:获取连续数字
String regex = “\\d{5,}”; 5 个以上的连续数字符合规则
Pattern p = Pattern.compile(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 字母数字下划线
注意转义斜杠\\表示一个斜杠
正则表达式中乱七八糟的组合很多,下面是 js 帮助文档中的说明,放这里以备查用
正则表达式对象
本对象包含正则表达式模式以及表明如何应用模式的标志。
语法 1
/pattern/ags
剩余35页未读,继续阅读
资源评论
oligaga
- 粉丝: 50
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功