J2EE複習(一)HTML

HTML(Hypertext Markup Language) 簡介

HTML 是一種標記語言
使用 HTML 標記和元素，能夠：
控制頁面和內容的外觀
發佈聯機文檔
使用 HTML 文檔中插入的連接檢索聯機信息
建立聯機表單，收集用戶的信息、執行事務等等
插入動畫
開發幫助文件

使用META標記 2-1 name和http-equiv
1.提供關於網頁的信息
META name=「Author」 content=「Graham Browne」  得到文檔的做者名稱
META name=「KEYWORDS」 content=「...」　        根據關鍵詞生成響應
META name="DESCRIPTION" content="..."       對網頁的描述

2.應用：關鍵詞生成響應
META http-equiv="Expires" content="Mon, 15 Sep 2003 14:25:27 GMT"  設置網頁的到期值
META http-equiv="Content-Type" content="text/html; charset=gb2312" 設置網頁使用gb2312編碼

meta name=「description」 content=「歡迎學習META元素"
"description"中的content="網頁描述"，是對一個網頁概況的介紹，這些信息可能會出如今搜索結果中，所以須要根據網頁的實際狀況來設計，儘可能避免與網頁內容不相關的「描述」，另外，最好對每一個網頁有本身相應的描述（至少是同一個欄目的網頁有相應的描述），而不是整個網站都採用一樣的描述內容，由於一個網站有多個網頁，每一個網頁的內容確定是不一樣的，若是採用一樣的description，顯然會有一些網頁內容沒有直接關係，這樣不只不利於搜索引擎對網頁的排名，也不利於用戶根據搜索結果中的信息來判斷是否點擊進入網站獲取進一步的信息。

3.自動刷新頁面
META http-equiv="Refresh" content="10; url=http://yourlink"

最經常使用的字符實體(都以‘&’開頭)
空格：nbsp;        <小於號：lt;             >大於號：gt;      &號：amp;         "引號：quot;  '撇號： apos;
￠分：cent;          £鎊：pound;            ¥日圓：yen;       §節：sect;
©版權：copy;     ®註冊商標：reg;     ×乘號：times;    ÷除號：divide;

 連接標記A
1.連接到同一文檔的各個部分
&lt;A HREF = #Internet&gt;互聯網&lt;/A&gt;&gt;
&lt;A name = Internet&gt;互聯網&lt;/A&gt;&gt;&gt;
&gt;
2.連接到另外一文檔中某個特定位置
&lt;A HREF = x.html#Internet&gt;互聯網&lt;/A&gt;

3.使用電子郵件
若是但願用戶在網頁上經過連接直接打開客戶端的發送郵件的工具發送電子郵件，則能夠在網頁內包含發送電子郵件的功能。實現此功能所需的所有工做就是在連接標記中插入mailto值。
&lt;A HREF="mailto:thisperson@mymail.com"&gt;個人電子郵件&lt;/A&gt;

基本 HTML 元素
標題標記：可顯示六種大小的標題，即&lt;H1&gt;到&lt;H6&gt;，&lt;H1&gt;爲最大，&lt;H6&gt;爲最小
段落級標記：&lt;ADDRESS&gt; 標記,定義地址元素; &lt;BLOCKQUOTE&gt; 標記;
塊標記：&lt;SPAN&gt; &lt;DIV&gt;
字符級標記：&lt;SUP&gt; . . . &lt;/SUP&gt; 上標文本  &lt;SUB&gt; . . . &lt;/SUB&gt; 下標文本
            &lt;EM&gt; . . &lt;/EM&gt;     強調文本  &lt;CODE&gt;. . .&lt;/CODE&gt; 用於顯示編程代碼
     &lt;CITE&gt;. . .&lt;/CITE&gt; 用於引用

無序列表
&lt;UL&gt;
&lt;LI&gt;星期一
&lt;LI&gt;&gt;星期二
&lt;LI&gt;星期三
&lt;LI&gt;星期四
&lt;LI&gt;星期五
&lt;/UL&gt;

有序列表
&lt;OL&gt;
&lt;LI&gt;星期一
&lt;LI&gt;星期二
&lt;LI&gt;星期三
&lt;LI&gt;星期四
&lt;LI&gt;星期五
&lt;/OL&gt;
大寫羅馬數字 &lt;LI TYPE = I&gt;
小寫羅馬數字 &lt;LI TYPE = i&gt;
大寫字母 &lt;&lt;LI TYPE = A&gt;
小寫字母&lt;LI TYPE = a&gt;
 從第n個值開始編號&lt;OL START = n&gt;

定義列表
&lt;DL&gt;
 &lt;DT&gt;星期日
  &lt;DD&gt;一週的第一天
 &lt;DT&gt;HTML
  &lt;DD&gt;超文本標記語言
 &lt;DT&gt;互聯網
  &lt;DD&gt;網絡的網絡
&lt;/DL&gt;

table 表相關的標記
&lt;TABLE&gt; … &lt;/TABLE&gt;表標記
&lt;TR&gt; … &lt;/TR&gt;行標記
&lt;TH&gt; … &lt;/TH&gt;表頭標記
&lt;TD&gt; … &lt;/TD&gt;單元格標記
&lt;CAPTION> … &lt;/CAPTION&gt;標題標記

插入GIF動畫 &lt;IMG SRC=coffeecup.gif ALT="冒熱汽的咖啡"&gt;
HTML 文檔中的圖片
GIF（Graphics Interchange Format ）圖像 (.GIF)
JPEG（Joint Photographic Experts Group）圖像 (.JPG)
PNG（Portable Network Graphics )

插入聲音 &lt;BGSOUND SRC="path\sound filename"&gt;

插入視頻 &lt;EMBED ALIGN=CENTER WIDTH= "200" HEIGHT= "200" SRC= "\path\file name" AUTOSTART= "TRUE" &gt;

使用表單&lt;formgt;
&lt;FORM action="http://mysite.com/processform" METHOD="post"gt;
...表單內容...
&lt;/FORMgt;

HTML 輸入元素input屬性
TYPE：此屬性指定表單元素的類型。可用的選項有TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、FILE、HIDDEN和BUTTON。默認值爲TEXT。
TYPE：此屬性指定表單元素的名稱。例如，若是表單上有幾個文本框，能夠按照名稱來標識它們 - TEXT一、TEXT2或用戶選擇的任何名稱。
VALUE：此屬性是可選屬性，它指定表單元素的初始值
MAXLENGHT：此屬性用於指定在TEXT或PASSWORD表單元素中能夠輸入的最大字符數。默認值爲無限的
SRC：SRC="URL"。當使用IMAGE做爲輸入類型時使用此屬性，它用於標識圖像的位置。

TextArea 元素：屬性有Cols、Rows
BUTTON 元素： 屬性有Name、Value、Type
列表（下拉框）SELECT 元素：Name、Size、Multiple

框架使用
&lt;FRAMESET COLS="50%,*"gt;
 &lt;FRAME SRC=x.htmlgt;
 &lt;FRAME SRC=y.htmlgt;
&lt;/FRAMESETgt;

內嵌框架
&lt;IFRAME src="x.html" width="100" height="150" scrolling=auto frameborder=1gt;
&lt;/IFRAMEgt; 

什麼是DHTML
DHTML是一個用動態內容描述HTML頁面的術語，它包括HTML、CSS和JavaScript技術，這三種技術經過文檔對象模型（DOM）融合在一塊兒。

樣式表簡介
W3C推薦的樣式表標準包括CSS和XSL
CSS主要用於HTML
XSL主要用於XML

樣式表規則
RuleSelector(選擇器) {property:value;property:value;......value;}
簡單選擇器(僅描述元素，而不考慮該元素在文檔結構中的位置)
HTML選擇器--選擇器是HTML標記的名稱
類選擇器—使用HTML元素的CLASS屬性
ID選擇器—使用HTML元素的ID屬性
上下文選擇器(引用元素的上下文)

選擇器的優先級不一樣的選擇符定義相同的元素時，要考慮到不一樣的選擇符之間的優先級。ID選擇符，類選擇符和HTML標記選擇符，由於ID選擇符是最後加上元素上的，因此優先級最高，其次是類選擇符。若是想超越這三者之間的關係，能夠用!important提高樣式表的優先權，例如： p { color: #FF0000!important } 　.blue { color: #0000FF} 　#id1 { color: #FFFF00}