JAVADREAM

hackiller

數(shù)據(jù)加載中……

J2EE復(fù)習(xí)(一)HTML

HTML(Hypertext Markup Language) 簡介
HTML 是一種標記語言
使用 HTML 標記和元素，可以：
控制頁面和內(nèi)容的外觀
發(fā)布聯(lián)機文檔
使用 HTML 文檔中插入的鏈接檢索聯(lián)機信息
創(chuàng)建聯(lián)機表單，收集用戶的信息、執(zhí)行事務(wù)等等
插入動畫
開發(fā)幫助文件

使用META標記 2-1 name和http-equiv
1.提供關(guān)于網(wǎng)頁的信息

1

2

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

4

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

6

1

"description"中的content="網(wǎng)頁描述"，是對一個網(wǎng)頁概況的介紹，這些信息可能會出現(xiàn)在搜索結(jié)果中，因此需要根據(jù)網(wǎng)頁的實際情況來設(shè)計，盡量避免與網(wǎng)頁內(nèi)容不相關(guān)的“描述”，另外，最好對每個網(wǎng)頁有自己相應(yīng)的描述（至少是同一個欄目的網(wǎng)頁有相應(yīng)的描述），而不是整個網(wǎng)站都采用同樣的描述內(nèi)容，因為一個網(wǎng)站有多個網(wǎng)頁，每個網(wǎng)頁的內(nèi)容肯定是不同的，如果采用同樣的description，顯然會有一些網(wǎng)頁內(nèi)容沒有直接關(guān)系，這樣不僅不利于搜索引擎對網(wǎng)頁的排名，也不利于用戶根據(jù)搜索結(jié)果中的信息來判斷是否點擊進入網(wǎng)站獲取進一步的信息。

2.應(yīng)用：關(guān)鍵詞生成響應(yīng)

1

<!設(shè)置網(wǎng)頁的到期值-->
2

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

4

3.自動刷新頁面

1

最常用的字符實體

空格：     <小于號：<         >大于號：>      &號：&         "引號："
￠分： ¢    £鎊：£        ¥日圓：¥      §節(jié)：§         '撇號：'
©版權(quán)：©   ®注冊商標：®   ×乘號：×   ÷除號：÷

鏈接標記A
1.鏈接到同一文檔的各個部分

1

<HTML>
2

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

<BODY>
4

<A HREF = #Internet>互聯(lián)網(wǎng)</A><BR>
5

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

<A HREF = #Consistency>多樣化和統(tǒng)一性</A><BR>
7

<A name = Internet>互聯(lián)網(wǎng)</A><BR>
8

<P>互聯(lián)網(wǎng)是網(wǎng)絡(luò)的網(wǎng)絡(luò)。就是說,計算機網(wǎng)絡(luò)可以跨越國家甚至全球的范圍連接到其他網(wǎng)絡(luò)</P>
9

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

<P>超文本標記語言是Web用來創(chuàng)建和識別文檔的標準語言。</P>
11

<A name = Consistency>多樣性和統(tǒng)一</A><BR>
12

<P>萬事萬物都離不開多樣性和統(tǒng)一性這樣一條基本準則。</P>
13

</BODY>
14

</HTML>

2.鏈接到另一文檔中某個特定位置

1

<HTML>
2

<HEAD>
3

<TITLE>主文檔</TITLE>
4

</HEAD>
5

<BODY>
6

<A HREF=sg_1.12.html#Internet>互聯(lián)網(wǎng)</A>
7

<BR>
8

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

<BR>
10

<A HREF=sg_1.12.html#Consistency>多樣性和統(tǒng)一性</A>
11

</BODY>
12

</HTML>

3.使用電子郵件
如果希望用戶在網(wǎng)頁上通過鏈接直接打開客戶端的發(fā)送郵件的工具發(fā)送電子郵件，則可以在網(wǎng)頁內(nèi)包含發(fā)送電子郵件的功能。實現(xiàn)此功能所需的全部工作就是在鏈接標記中插入mailto值。

1

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

基本 HTML 元素
標題標記：可顯示六種大小的標題，即<H1>到<H6>，<H1>為最大，<H6>為最小

段落級標記：<ADDRESS> 標記,定義地址元素; <BLOCKQUOTE>標記;
塊標記：<SPAN> <DIV>

字符級標記：<SUP> . . . <SUP> 上標文本   <SUB> . . . </SUB> 下標文本
                  <EM> . . </EM>       強調(diào)文本 <CODE< . . .</CODE> 用于顯示編程代碼
                  <CITE>. . .</CITE> 用于引用
無序列表

1

<HTML>
2

<HEAD>
3

<TITLE>學(xué)習(xí) HTML</TITLE>
4

</HEAD>
5

<BODY>
6

<UL>
7

<LI>星期一
8

<LI>星期二
9

<LI>星期三
10

<LI>星期四
11

<LI>星期五
12

</UL>
13

</BODY>
14

</HTML>

有序列表

1

<HTML>
2

<HEAD>
3

<TITLE>學(xué)習(xí) HTML</TITLE>
4

</HEAD>
5

<BODY>
6

<OL>
7

<LI>星期一
8

<LI>星期二
9

<LI>星期三
10

<LI>星期四
11

<LI>星期五
12

</OL>
13

</BODY>
14

</HTML>

大寫羅馬數(shù)字 <LI TYPE = I>
小寫羅馬數(shù)字 <LI TYPE = i>
   大寫字母 <LI TYPE = A>
   小寫字母<LI TYPE = a>
   從第n個值開始編號<OL START = n>
定義列表

1

<HTML>
2

<HEAD>
3

<TITLE>學(xué)習(xí) HTML</TITLE>
4

</HEAD>
5

<BODY>
6

<DL>
7

<DT>星期日
8

<DD>一周的第一天
9

<DT>HTML
10

<DD>超文本標記語言
11

<DT>互聯(lián)網(wǎng)
12

<DD>網(wǎng)絡(luò)的網(wǎng)絡(luò)
13

</DL>
14

</BODY>
15

</HTML>

table 表

1

<HTML>
2

<BODY>
3

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

<CAPTION>創(chuàng)建表</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動畫

1

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

1

2

插入視頻

1

使用表單<FORM>

1

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

3

表單內(nèi)容

4

5

</FORM>

HTML 輸入元素input屬性
TYPE：此屬性指定表單元素的類型。可用的選項有TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、 FILE、HIDDEN和BUTTON。默認值為TEXT。
TYPE：此屬性指定表單元素的名稱。例如，如果表單上有幾個文本框，可以按照名稱來標識它們 - TEXT1、TEXT2或用戶選擇的任何名稱。
VALUE：此屬性是可選屬性，它指定表單元素的初始值
MAXLENGHT：此屬性用于指定在TEXT或PASSWORD表單元素中可以輸入的最大字符數(shù)。默認值為無限的
SRC：SRC="URL"。當使用IMAGE作為輸入類型時使用此屬性，它用于標識圖像的位置。TextArea 元素：屬性有Cols、Rows
BUTTON 元素：屬性有Name、Value、Type
列表（下拉框）SELECT 元素：Name、Size、Multiple
框架使用

1

<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>

內(nèi)嵌框架

1

<HTML>
2

<P>很有趣吧。你已經(jīng)對框架有所了解。
3

<BR>
4

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

</IFRAME>
7

<BR>
8

<P><FONT color = hotpink>上面是一個內(nèi)嵌框架。
9

</HTML>

posted on 2009-04-09 20:45 hackiller 閱讀(2015) 評論(4) 編輯收藏所屬分類: J2EE第一次復(fù)習(xí)

@luguo
首席謝謝這位仁兄的提醒。
這些都只是在學(xué)習(xí)J2EE之前我學(xué)到的基礎(chǔ)知識，在學(xué)完之后，我個人的一個總結(jié)復(fù)習(xí)，標題這樣寫是為了我后面的重要內(nèi)容，以后會慢慢地將servlet、jsp、mvc模式、struts、hibernate、spring、ssh三大框架的整合、ejb的復(fù)習(xí)總結(jié)一一放上來。

回復(fù) 更多評論

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: J2EE復(fù)習(xí)(七)JSTL(JSP標準標簽庫) J2EE復(fù)習(xí)(六)JSP自定義標簽 J2EE復(fù)習(xí)(五)JSP基礎(chǔ) J2EE復(fù)習(xí)(四)servlet J2EE復(fù)習(xí)(三)JavaScript(下)--實戰(zhàn)應(yīng)用 J2EE復(fù)習(xí)(三)JavaScript(上)--基礎(chǔ) J2EE復(fù)習(xí)(一)HTML J2EE復(fù)習(xí)(二)XML(下)--xml解析 J2EE復(fù)習(xí)(二)XML(上)

<

2009年4月

>

日

一

二

三

四

五

六

29

30

31

1

2

3

4

5

6

7

8

10

13

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

6

7

8

9

統(tǒng)計

隨筆 - 9
文章 - 0
評論 - 13
引用 - 0

常用鏈接

留言簿(2)

隨筆分類

J2EE第一次復(fù)習(xí)(9) (rss)

隨筆檔案

2009年4月 (9)

# re: J2EE復(fù)習(xí)(一)HTML 2009-04-09 14:52 Kola

# re: J2EE復(fù)習(xí)(一)HTML 2009-04-09 19:53 xlc

# re: J2EE復(fù)習(xí)(一)HTML 2009-04-10 13:54 luguo

# re: J2EE復(fù)習(xí)(一)HTML 2009-04-10 16:25 hackiller

JAVADREAM

J2EE復(fù)習(xí)(一)HTML

評論

統(tǒng)計

常用鏈接

留言簿(2)

隨筆分類

隨筆檔案

搜索

最新評論

閱讀排行榜

評論排行榜