JAVADREAM

hackiller

數據加載中……

J2EE復習(一)HTML

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

使用META標記 2-1 name和http-equiv
1.提供關于網頁的信息

1

2

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

4

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

6

1

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

2.應用：關鍵詞生成響應

1

<!設置網頁的到期值-->
2

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

4

3.自動刷新頁面

1

最常用的字符實體

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

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

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.鏈接到另一文檔中某個特定位置

1

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

1

<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> 用于引用
無序列表

1

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

有序列表

1

<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>
定義列表

1

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

1

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

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

表單內容

4

5

</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
框架使用

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>

內嵌框架

1

<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 閱讀(2016) 評論(4) 編輯收藏所屬分類: J2EE第一次復習

@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(上)

<

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

統計

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

常用鏈接

留言簿(2)

隨筆分類

J2EE第一次復習(9) (rss)

隨筆檔案

2009年4月 (9)

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

隨筆分類

隨筆檔案

搜索

最新評論

閱讀排行榜

評論排行榜