html简介
1）html是一种网络规范(95年，版本是html2.0)，由SMGL（标准通用标记语言)语言
发展而来，
依赖于w3c定制的一套标准(86)iso8896
2）html于90年和web一起在欧洲日内瓦的欧洲粒子实验室诞生
3）目前最新版本为html4.01，于99年发布。
引申：1993年Oracle进入中国，最早使用在保险行业，出售的是服务！
2、动态网页开发技术
1）CGI：应用程序和服务器衣交互的标准；
net：client-->server while(true)(监听)
(new Date()).toString
PERL：实现CGI的语言，基于进程的，效率一般。
2）PHP：跨平台，开放源码的嵌入式的服务器开发语言，可以实现和多种主流的数
据库交互，灵活的处理xml文档；
优点：效率较高，对异常的处理比较完善，对内存的管理比较完善
3）ASP：微软的动态网页开发环境，内嵌于IIS，使用vbscript和javascript；4）Servlet：基于java的，内部实现简单，是CGI的老的产品的代替(基于线程，效率较
高)，作为java服务器端功能的扩展；
5）JSP：做为简化servlet开发的语言，在动态网页的开发中应用比较广泛；3、html的基本构成
1）html顶端一行html的简单声明
2）html的头部
3）html的体部
<!--一行声名的头部：1)标准制定为w3c提供；2)html的规范由DTD来限制，默认的为
strict.dtd；指定DTD使用的语言为英文；3)指定html的版本为4.01，目的为浏览器解析提供
信息-->
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML4.01//EN"
"/TR/html4/strict.dtd">
<html>
<!--声明浏览器里面不用显示的信息，比如一些搜索关键字，作者，描述等等
-->
<head>
html中的5种空格表示
<!--meta元数据提供一些页面的操作，帮我们规范页面，提供一些基本的信息供网络使用-->
<meta HTTP-EQUIV="Content-Type"CONTENT="text/html">
<meta name="author"content="John">
<meta name="keywords"content="web development">
<!--title：html页面的标题，显示在浏览器上方-->
<title>HelloWorld Test</title>
</head>
<!--body：html页面显示的内容-->
<body>
Hello World!
</body>
</html>
注意：1.声名的一行可以省略；
2.头部也可以省略；
3.体部包括html标签全部可以省略；
4、HTTP-EQUIV
1）Content-Type和Content-Language(显示字符集的设定)
说明：设定页面使用的字符集，用以说明主页制作所使用的文字以及语言，浏览器会根
据此来调用相应的字符集显示page内容。
用法：<Meta http-equiv="Content-Type"Content="text/html;
Charset=gb2312">
<Meta http-equiv="Content-Language"Content="zh-CN">注意：该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。
如果将其中的“charset=GB2312”替换成“BIG5”，则该页面所用的字符集就是繁体中文Big5
码。当你浏览一些国外的站点时，IE浏览器会提示你要正确显示该页面需要下载xx语支持。
这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字
符集显示该页面的。如果系统里没有装相应的字符集，则IE就提示下载。其他的语言也对
应不同的charset，比如日文的字符集是“iso-2022-jp”，韩文的是“ks_c_5601”。
Content-Type的Content还可以是：text/xml等文档类型；
Charset选项：ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii,xmac-
roman,iso-8859-2,x-mac-ce,iso-2022-jp,x-sjis,x-euc-jp,euc-kr,
iso-2022-kr,gb2312,
gb_2312-80,x-euc-tw,x-cns11643-1,x-cns11643-2等字符集；
Content-Language的Content还可
以是：EN、FR等语言代码。
2）Refresh(刷新)
说明：让网页多长时间（秒）刷新自己，或在多长时间后让网页自动链接到其它网页。
用法：<Meta http-equiv="Refresh"Content="30">
<Meta http-equiv="Refresh"Content="5;
Url=www.xia8">
注意：其中的5是指停留5秒钟后自动刷新到URL网址。
3）Expires(期限)
说明：指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。
用法：<Meta http-equiv="Expires"Content="0">
<Meta http-equiv="Expires"Content="Wed,26Feb1997
08:21:57GMT">
注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。
4）Pragma(cach模式)
说明：禁止浏览器从本地机的缓存中调阅页面内容。
用法：<Meta http-equiv="Pragma"Content="No-cach">
注意：网页不保存在缓存中，每次访问都刷新页面。这样设定，访问者将无法脱机浏
览。
5）Set-Cookie(cookie设定)
说明：浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，
以提高速度。当你希望访问者每次都刷新你广告的图标，或每次都刷新你的计数器，就要禁
用缓存了。通常HTML文件没有必要禁用缓存，对于ASP等页面，就可以使用禁用缓存，
因为每次看到的页面都是在服务器动态生成的，缓存就失去意义。如果网页过期，那么存盘
的cookie将被删除。
用法：<Meta http-equiv="Set-Cookie"Content="cookievalue=xxx; expires=Wednesday,
21-Oct-9816:14:21GMT;path=/">
注意：必_________5须使用GMT的时间格式。
6）Window-target(显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示。
用法：<Meta http-equiv="Widow-target"Content="_top">
注意：这个属性是用来防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent。
7）Pics-label(网页RSAC等级评定)
说明：在IE的Internet选项中有一项内容设置，可以防止浏览一些受限制的网站。
5、html的标签
1）heading：标题
标题的标签：<h1>...</h1>
注意：html里面的标题范围是：从<h1>到<h6>，如果超出范围不会报错，而
是会按照浏览器默认大小格式显示。
2）Paragraphs：段落
段落标签：<p>...</p>
html里面显示的内容进行分段显示；
注意：段落会进行自动换行。
3）line breaks：换行
换行的标签：<br>
注意：可以实现换行的标签heading,par,lb
4）text formatting：文本格式
<b>...</b>：粗体
<i>...</i>：斜体
<big>...</big>
<em>...</em>：强调体
<strong>...</strong>：加强体
5）list：列表
1.无序列表
<ul><li>...</li></ul>
2.有序列表
<ol><li>...</li></ol>
3.自定义列表
<dl><dt>...</dt><dd>...</dd></dl>
6）Table：表格
<table border="1"><!--注意：只有0表示不显示表格-->
<tr><!--表示某一行-->
<th></th><!--表示标题-->
</tr>
<tr>
<td></td><!--表示某一列-->
</tr>
</table>
注意： 表示空格。
7）frames：框架
frameset：框架集，即所有的框架集合体，类似于java里面的封装类；frame：框架，一般嵌套frameset里面；
noFrame：当浏览器不支持的时候显示的替换框架；
iFrame：一般指当前框架的子框架，一般独立使用；
语法：<frameset cols=#rows=#><!--#表示框架的显示布局，一般由""里面写上
布局参数；*表示平分页面-->
<frameset cols="25%,70%,*">
<frame src="left.htm"name=""><!--src表示我们的目标页面，
name表示框架的名字-->
<frame>
</frameset>
8）links：链接
1.一张网页链接到另一张网页
<a href="">链接标题</a>
2.一张网页链接到同一张网页上的特定位置
a.设定链接的标记
<a name="标记名">
b.链接到地址的写法
<a href="#标记名">链接标题</a>
3.链接到不同的网页的特定位置
a.在所链接的页面的特定位置设定标记
<a name="标记名">
b.链接的地址写法
<a href="所链接的网页地址#标记名">链接标题</a>
超链接：left.htm
<body>
<a href="url"target="left"></a>
</body>
apple.html；banana.htm；orange.htm
<body><table bgcolor="red"><th>name<th>color</table></body>
fruit.htm<
a href src=""target="right"></a>
index.html
<frameset>
welecome.htm-->right apple/banana
9）forms：表单
1.form：表单--data--->server--->接收(JavaBean)--->操作对象
2.action：1.制定server的路径；
2.跳转到一个新的页面；
3.发邮件；
4.操作一定的web编程访问路径*.do，*.action，...；
get post
明文的暗文
数据小于256Byte大于
不安全安全
提供搜索关键字不提供
get路径：<form action="../frames/apple.html"method="get">
file:///home/briup/Desktop/HTML%26JS/HTML/frames/apple.html?name=&pas swd=&submit=%
E6%8F%90%E4%BA%A4
post路径：<form action="../frames/apple.html"method="post">
file:///home/briup/Desktop/HTML%26JS/HTML/frames/apple.html
<body>
<form action=""method="">

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。