J2EE复习(一)HTML

数据加载中……

HTML(Hypertext Markup Language) 简介
HTML 是一种标记语言
使用 HTML 标记和元素，可以：
控制页面和内容的外观
发布联机文档
使用 HTML 文档中插入的链接检索联机信息
创建联机表单，收集用户的信息、执行事务等等
插入动画
开发帮助文件

使用META标记 2-1 name和http-equiv
1.提供关于网页的信息

2

<META name=“Author” content=“Graham Browne”>
3

4

<META name=“KEYWORDS” content="">
5

6

"description"中的content="网页描述"，是对一个网页概况的介绍，这些信息可能会出现在搜索结果中，因此需要根据网页的实际情况来设计，尽量避免与网页内容不相关的“描述”，另外，最好对每个网页有自己相应的描述（至少是同一个栏目的网页有相应的描述），而不是整个网站都采用同样的描述内容，因为一个网站有多个网页，每个网页的内容肯定是不同的，如果采用同样的description，显然会有一些网页内容没有直接关系，这样不仅不利于搜索引擎对网页的排名，也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。

2.应用：关键词生成响应

<!设置网页的到期值-->
2

<META http-equiv="Expires" content="Mon, 15 Sep 2003 14:25:27 GMT">
3

4

3.自动刷新页面

最常用的字符实体

空格：     <小于号：<         >大于号：>      &号：&         "引号："
￠分： ¢    £镑：£        ¥日圆：¥      §节：§         '撇号：'
©版权：©   ®注册商标：®   ×乘号：×   ÷除号：÷

链接标记A
1.链接到同一文档的各个部分

<HTML>
2

<HEAD><TITLE>使用链接</TITLE></HEAD>
3

<BODY>
4

<A HREF = #Internet>互联网</A><BR>
5

<A HREF = #HTML>HTML简介</A><BR>
6

<A HREF = #Consistency>多样化和统一性</A><BR>
7

<A name = Internet>互联网</A><BR>
8

<P>互联网是网络的网络。就是说,计算机网络可以跨越国家甚至全球的范围连接到其他网络</P>
9

<A name = HTML>HTML简介</A><BR>
10

<P>超文本标记语言是Web用来创建和识别文档的标准语言。</P>
11

<A name = Consistency>多样性和统一</A><BR>
12

<P>万事万物都离不开多样性和统一性这样一条基本准则。</P>
13

</BODY>
14

</HTML>

2.链接到另一文档中某个特定位置

<HTML>
2

<HEAD>
3

<TITLE>主文档</TITLE>
4

</HEAD>
5

<BODY>
6

<A HREF=sg_1.12.html#Internet>互联网</A>
7

<BR>
8

<A HREF= sg_1.12.html#HTML>HTML简介</A>
9

<BR>
10

<A HREF=sg_1.12.html#Consistency>多样性和统一性</A>
11

</BODY>
12

</HTML>

3.使用电子邮件
如果希望用户在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件，则可以在网页内包含发送电子邮件的功能。实现此功能所需的全部工作就是在链接标记中插入mailto值。

<A HREF="mailto:thisperson@mymail.com">我的电子邮件</A>

基本 HTML 元素
标题标记：可显示六种大小的标题，即<H1>到<H6>，<H1>为最大，<H6>为最小

段落级标记：<ADDRESS> 标记,定义地址元素; <BLOCKQUOTE>标记;
块标记：<SPAN> <DIV>

字符级标记：<SUP> . . . <SUP> 上标文本   <SUB> . . . </SUB> 下标文本
                  <EM> . . </EM>       强调文本 <CODE< . . .</CODE> 用于显示编程代码
                  <CITE>. . .</CITE> 用于引用
无序列表

<HTML>
2

<HEAD>
3

<TITLE>学习 HTML</TITLE>
4

</HEAD>
5

<BODY>
6

<UL>
7

<LI>星期一
8

<LI>星期二
9

<LI>星期三
10

<LI>星期四
11

<LI>星期五
12

</UL>
13

</BODY>
14

</HTML>

有序列表

<HTML>
2

<HEAD>
3

<TITLE>学习 HTML</TITLE>
4

</HEAD>
5

<BODY>
6

<OL>
7

<LI>星期一
8

<LI>星期二
9

<LI>星期三
10

<LI>星期四
11

<LI>星期五
12

</OL>
13

</BODY>
14

</HTML>

大写罗马数字 <LI TYPE = I>
小写罗马数字 <LI TYPE = i>
   大写字母 <LI TYPE = A>
   小写字母<LI TYPE = a>
   从第n个值开始编号<OL START = n>
定义列表

<HTML>
2

<HEAD>
3

<TITLE>学习 HTML</TITLE>
4

</HEAD>
5

<BODY>
6

<DL>
7

<DT>星期日
8

<DD>一周的第一天
9

<DT>HTML
10

<DD>超文本标记语言
11

<DT>互联网
12

<DD>网络的网络
13

</DL>
14

</BODY>
15

</HTML>

table 表

<HTML>
2

<BODY>
3

<TABLE BORDER = 2 BGCOLOR = lavender CELLSPACING = 2 CELLPADDING = 6>
4

<CAPTION>创建表</CAPTION>
5

<TH ALIGN = CENTER COLSPAN = 3>第一季度</TH>
6

<TH ALIGN = CENTER COLSPAN = 3>第二季度</TH>
7

<TR>
8

<TD>一月</TD>
9

<TD>二月</TD>
10

<TD>三月</TD>
11

<TD>四月</TD>
12

<TD>五月</TD>
13

<TD>六月</TD>
14

</TR>
15

<TR>
16

<TD>1000</TD>
17

<TD>550</TD>
18

<TD>240</TD>
19

<TD>1500</TD>
20

<TD>2765</TD>
21

<TD>1240</TD>
22

</TR>
23

<TR>
24

<TD>3000</TD>
25

<TD>2430</TD>
26

<TD>2500</TD>
27

<TD>1250</TD>
28

<TD>900</TD>
29

<TD>3400</TD>
30

</TR>
31

</TABLE>
32

</BODY>
33

</HTML>

插入GIF动画

     HTML 文档中的图片
     GIF（Graphics Interchange Format ）图像 (.GIF)
     JPEG（Joint Photographic Experts Group）图像 (.JPG)
     PNG（Portable Network Graphics )
插入声音

2

插入视频

使用表单<FORM>

<FORM action="http://mysite.com/processform" METHOD="post">
2

表单内容

</FORM>

HTML 输入元素input属性
TYPE：此属性指定表单元素的类型。可用的选项有TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、 FILE、HIDDEN和BUTTON。默认值为TEXT。
TYPE：此属性指定表单元素的名称。例如，如果表单上有几个文本框，可以按照名称来标识它们 - TEXT1、TEXT2或用户选择的任何名称。
VALUE：此属性是可选属性，它指定表单元素的初始值
MAXLENGHT：此属性用于指定在TEXT或PASSWORD表单元素中可以输入的最大字符数。默认值为无限的
SRC：SRC="URL"。当使用IMAGE作为输入类型时使用此属性，它用于标识图像的位置。TextArea 元素：属性有Cols、Rows
BUTTON 元素：属性有Name、Value、Type
列表（下拉框）SELECT 元素：Name、Size、Multiple
框架使用

<HTML>
2

<FRAMESET COLS=”40%,60%”>
3

<FRAME SRC=”Flowers.jpg” NAME=”Flowers” SCROLLING=yes>
4

<FRAMESET ROWS=”60,*”>
5

<FRAME SRC=”x.html” NAME=”x” SCROLLING=no FRAMEBORDER=no>
6

<FRAME SRC=”y.html” NAME=”y”>
7

<NOFRAMES>
8

未显示框架。请单击这里 <A href=”main.htm”>查看无框架版本</A>
9

</NOFRAMES>
10

</FRAMESET>
11

</FRAMESET>
12

</HTML>

内嵌框架

<HTML>
2

<P>很有趣吧。你已经对框架有所了解。
3

<BR>
4

<IFRAME src="x.html" width="100" height="150" scrolling=auto frameborder=1>
5

</IFRAME>
7

<BR>
8

<P><FONT color = hotpink>上面是一个内嵌框架。
9

</HTML>

posted on 2009-04-09 20:45 hackiller 阅读(2009) 评论(4) 编辑收藏所属分类: J2EE第一次复习

# re: J2EE复习(一)HTML 2009-04-09 14:52 Kola

写的不错。请博主继续发表

回复更多评论

# re: J2EE复习(一)HTML 2009-04-09 19:53 xlc

@Kola
我刚学完SSH框架，正在复习中，于是想干脆将我复习的笔记和代码都发布到网站上供大家分享，刚开始写博客，不足之处希望大家指出。

回复更多评论

# re: J2EE复习(一)HTML 2009-04-10 13:54 luguo

这些应该叫做Web基础复习吧？关J2EE什么事情

回复更多评论

# re: J2EE复习(一)HTML 2009-04-10 16:25 hackiller

@luguo
首席谢谢这位仁兄的提醒。
这些都只是在学习J2EE之前我学到的基础知识，在学完之后，我个人的一个总结复习，标题这样写是为了我后面的重要内容，以后会慢慢地将servlet、jsp、mvc模式、struts、hibernate、spring、ssh三大框架的整合、ejb的复习总结一一放上来。

回复更多评论

新用户注册刷新评论列表


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻 Chat2DB C++博客博问管理
相关文章: J2EE复习(七)JSTL(JSP标准标签库) J2EE复习(六)JSP自定义标签 J2EE复习(五)JSP基础 J2EE复习(四)servlet J2EE复习(三)JavaScript(下)--实战应用 J2EE复习(三)JavaScript(上)--基础 J2EE复习(一)HTML J2EE复习(二)XML(下)--xml解析 J2EE复习(二)XML(上)

# re: J2EE复习(一)HTML 2009-04-09 14:52 Kola

# re: J2EE复习(一)HTML 2009-04-09 19:53 xlc

# re: J2EE复习(一)HTML 2009-04-10 13:54 luguo

# re: J2EE复习(一)HTML 2009-04-10 16:25 hackiller

JAVADREAM

J2EE复习(一)HTML

评论

统计

常用链接

留言簿(2)

随笔分类

随笔档案

搜索

最新评论

阅读排行榜

评论排行榜