黑馬程序員java培訓(xùn)就業(yè)班筆記：day28(Html)總結(jié)

改變中國改變中國IT教育，我們正在行動(dòng)Html內(nèi)容Html就是超文本標(biāo)記語言的簡(jiǎn)寫，是最基礎(chǔ)的網(wǎng)頁語言。Html是通過標(biāo)簽來定義的語言，代碼都是由標(biāo)簽所組成。Html代碼不用區(qū)分大小寫。Html代碼由＜html＞開始＜/html＞結(jié)束。里面由頭部分＜head＞＜/head＞和體部分＜body＞＜/body＞兩部分組成。頭部分是給Html頁面增加一些輔助或者屬性信息，它里面的內(nèi)容會(huì)最先加載。體部分是真正存放頁面數(shù)據(jù)的地方。多數(shù)標(biāo)簽都是有開始標(biāo)簽和結(jié)束標(biāo)簽，其中有個(gè)別標(biāo)簽因?yàn)橹挥袉我还δ埽蛘邲]有要修飾的內(nèi)容可以在標(biāo)簽內(nèi)結(jié)束。想要對(duì)被標(biāo)簽修飾的內(nèi)容進(jìn)行更豐富的操作，就用到了標(biāo)簽中的屬性，通過對(duì)屬性值的改變，增加了更多的效果選擇。屬性與屬性值之間用“=”連接，屬性值可以用雙引號(hào)或單引號(hào)或者不用引號(hào)，一般都會(huì)用雙引號(hào)?；蚬疽?guī)定書寫規(guī)范。格式：＜標(biāo)簽名屬性名='屬性值'＞數(shù)據(jù)內(nèi)容＜/標(biāo)簽名＞＜標(biāo)簽名屬性名='屬性值'/＞操作思想：為了操作數(shù)據(jù)，都需要對(duì)數(shù)據(jù)進(jìn)行不同標(biāo)簽的封裝，通過標(biāo)簽中的屬性對(duì)封裝的數(shù)據(jù)進(jìn)行操作。標(biāo)簽就相當(dāng)于一個(gè)容器。對(duì)容器中的數(shù)據(jù)進(jìn)行操作，就是在再不斷的改變?nèi)萜鞯膶傩灾?。常用?biāo)簽的使用改變中國改變中國IT教育，我們正在行動(dòng)改變中國改變中國IT教育，我們正在行動(dòng)情閭*客族下離鑿IT數(shù)百品牌I依情閭*客族下離鑿IT數(shù)百品牌www.irtjieimia.8E.字體標(biāo)簽：<font>例：<fontsize=5color=red>字體標(biāo)簽示例</font>注：簡(jiǎn)單顏色可是直接寫對(duì)應(yīng)的英文，復(fù)雜顏色用16進(jìn)制表示，表現(xiàn)形式#￡￡0000兩個(gè)數(shù)為一組，按紅，綠，藍(lán)排列，如：#00FF00表示綠色。建議用工具選取。.標(biāo)題標(biāo)簽：<01><02>D..<06>因?yàn)闃?biāo)題是文本中常用的內(nèi)容，為了方便操作而定義的。其實(shí)就是某個(gè)字號(hào)和粗體的組合。.特殊字符：如果要在網(wǎng)頁上顯示一些特殊符號(hào)，比如<>&等。因?yàn)檫@些符號(hào)在代碼中會(huì)被瀏覽器識(shí)別并解釋，所以用一些特殊的方式來表示。<<>>&&"“®@©?™口 空格注：在Dreamweaver8中都具有聯(lián)想功能。列口□口表口.列表標(biāo)簽：<dl><dt>:上層項(xiàng)目<dd>:下層項(xiàng)目例：<dl><社>游戲名稱</dt><弓弓>星際爭(zhēng)霸</dd><弓弓>紅色警戒</dd><社>部門名稱</dt><dd>技術(shù)部</dd><dd>培訓(xùn)部</dd></dl>效果：列表中項(xiàng)目符號(hào)對(duì)應(yīng)的標(biāo)簽<ol>:數(shù)字標(biāo)簽(aA1iI)<ul>：符號(hào)標(biāo)簽(ODD)

黑馬程度員www.irtiieima.8E傳閭播喜歡下黑馬程度員www.irtiieima.8E高端IT敢育品.牌<li>:具體項(xiàng)目?jī)?nèi)容標(biāo)簽。此標(biāo)簽只在<ol><口1>中有效。通過type屬性更改項(xiàng)目符號(hào)，如果想做出效果更好的列表，如：黑色圓點(diǎn)用圖片表示，就用至Ucss。.圖像標(biāo)簽：<img>例：<imgsrc=”1.jpg”align=”middle”border=”3”alt=”圖片說明文字”/>align:屬性定義圖片的排列方式，border用來設(shè)置圖像的邊框。Src連接一個(gè)文件6.圖像地圖：<map>應(yīng)用：當(dāng)要在圖像中選取某一部分作為連接的時(shí)候。如：中國地圖每個(gè)省所對(duì)應(yīng)的區(qū)域。map標(biāo)簽要和img標(biāo)簽聯(lián)合使用。Href是超連接<imgsrc="Sunset.jpg"alt="圖片說明文字"usemap="#Map"/><map><areashape="rect"coords="50,59,116,104"href="1.html"/><areashape="circle"coords="118,203,40"href="2.html"/></map>表格（重點(diǎn)掌握）表格標(biāo)簽：<table>組成：標(biāo)題標(biāo)簽：<caption>，給表格提供標(biāo)題。表頭標(biāo)簽：<th>，一般對(duì)表格的第一行或者第一列進(jìn)行格式化，就是粗體顯示。并不常用。行標(biāo)簽：<tr>單元格標(biāo)簽：<td>，加載行標(biāo)簽的里面。可以簡(jiǎn)單理解為，先有行，在行中在加入單元格。格式：<tableborder="1"width=O40%O><!—width值為百分比可以讓表格的寬度隨瀏覽器窗口的大小變化--><caption>表格標(biāo)題</caption><tr><!--第一'行--><th>姓名</th><th>年齡</th></tr><tralgin=”center”><!--第二行-->〈七弓>張三</七弓>改變中國改變中國IT教育，我們正在行動(dòng)改變中國改變中國IT教育，我們正在行動(dòng)曲變中國曲變中國IT教育，我們正在行動(dòng)侍用看客族下高洞IT教茸品牌I侍用看客族下高洞IT教茸品牌K-，www.irtiieimia.cQnn<td>23</td></tr></table>效果：<tableborder="1"width="40%"><tr><tr>thcolspan="2"><!--colspan：th標(biāo)簽占兩歹U-->個(gè)人信息</th></tr><tralign="center">〈七弓>張三</七弓><td>23</td></tr></tr></table>效果：每個(gè)表格可以有一個(gè)表頭、一個(gè)表尾和一個(gè)或多個(gè)表體（即正文），分別以THEAD、TFOOT和TBODY元素表示。THEAD、TFOOT包含關(guān)于表格列的信息。TBODY作用是：可以控制表格分行下載，從而提高下載速度。（網(wǎng)頁的打開是先表格的的內(nèi)容全部下載完畢后，才顯示出來，分行下載可以先顯示部分內(nèi)容，這樣會(huì)減少用戶等待時(shí)間。）使用TBODY的目的是可以使得這些包含在內(nèi)的代碼不用在整個(gè)表格都解析后一起顯示，就是說如果有多個(gè)行，那么如果得到一個(gè)TBODY行，就可以先顯示一行。TBODY這個(gè)標(biāo)簽可以控制表格分行下載，當(dāng)表格內(nèi)容很大時(shí)比較實(shí)用，在需要分行下載處加上＜tbody＞和＜/tbody＞。超鏈接.超鏈接標(biāo)簽：＜a＞點(diǎn)擊操作連接時(shí)，瀏覽器會(huì)啟動(dòng)http協(xié)議的解析引擎，來解析href后面的內(nèi)容，而解析的時(shí)候先找的本地host文件，沒找到走指定的DNS服務(wù)。獲取到其對(duì)應(yīng)的IP地址后就走對(duì)應(yīng)的端口獲取數(shù)據(jù)。如果你沒指定協(xié)議，瀏覽器就會(huì)啟動(dòng)默認(rèn)的文件協(xié)議。瀏覽器沒有默認(rèn)的郵件協(xié)議，當(dāng)找沒有時(shí)，它會(huì)自動(dòng)去網(wǎng)絡(luò)中尋找。情閭播喜改下高端IT載苜品.牌情閭播喜改下高端IT載苜品.牌www.iftjienw.cQin兩種用法：一、超鏈接<ahref=””>例：<ahref=”http：//”target=”_blank”>新浪</a><!--href屬性值可以是url,也可以是本地文件。target屬性是指定在哪個(gè)窗口或者幀中打開。-->二、定位標(biāo)記<aname=””>一般在本頁面中使用，當(dāng)網(wǎng)頁內(nèi)容過長(zhǎng)，定位標(biāo)記會(huì)比拖動(dòng)滾動(dòng)條方便快捷。注：定位標(biāo)記要和超鏈接結(jié)合使用才有效。例：<aname=”標(biāo)記”>標(biāo)記位置</a><p>…….<!--很多空行以制造網(wǎng)頁過長(zhǎng)的效果--><ahref=”#標(biāo)記”>返回標(biāo)記位置</a>注：使用定位標(biāo)記時(shí)一定在href值的開始加入#標(biāo)記名。.框架標(biāo)簽：<frameset>好處：將窗口分體，一個(gè)窗口中只顯示一個(gè)網(wǎng)頁資源，用了框架技術(shù)后一個(gè)窗體能現(xiàn)實(shí)的多個(gè)頁面資源。注：框架標(biāo)簽不可以放到<body>，一般為了代碼的可讀性，會(huì)到<head4D<body>之間。例：〈framesetrows="10%,*”><framesrc="1.html"name="top"/>〈framesetcols="30%,*”>〈framesrc="2.html"name="left"/>〈framesrc="3.html"name="right"/>〈/frameset〉〈/frameset〉這段代碼會(huì)需要已經(jīng)存在的3個(gè)html頁面，分別是：1.html,2,html,3.html效果：

IGIG黑馬程序員Jwww.iiheima.8E傳目Ifl喜朗下I高晶IT教育品牌注：當(dāng)框架大小不想被鼠標(biāo)拖動(dòng)而改變，可以在frame標(biāo)簽中加入noresize屬性，這個(gè)屬性沒有屬性值，稱為標(biāo)記屬性，加上就為固定。在XHTML的規(guī)范中，所有的屬性都要有屬性值，那么標(biāo)記屬性的屬性值就是自身，如：noresize=”noresize”.畫中畫標(biāo)簽：<iframe><iframesrc=”1.html”>很遺憾，畫中畫你沒有看到，因?yàn)槟愕臑g覽器不支持iframe標(biāo)簽。</iframe>框架標(biāo)簽現(xiàn)在不是很常用，布局都用div+css+table?？蚣芎苌偈褂昧恕！韱巍?表單標(biāo)簽：<form>表單標(biāo)簽是最常用的標(biāo)簽，用于與服務(wù)器端的交互。<input>:輸入標(biāo)簽：接收用戶輸入信息。其中的type屬性指定輸入標(biāo)簽的類型。文本框text。輸入的文本信息直接顯示在框中。密碼框password。輸入的文本以原點(diǎn)或者星號(hào)的形式顯示。單選框radio如：性別選擇。復(fù)選框checkbox如：興趣選擇。隱藏字段hidden在頁面上不顯示，但在提交的時(shí)候隨其他內(nèi)容一起提交。提交按鈕submit用于提交表單中的內(nèi)容。重置按鈕reset將表單中填寫的內(nèi)容設(shè)置為初始值。按鈕button可以為其自定義事件。文件上傳file后期擴(kuò)展內(nèi)容，會(huì)自動(dòng)生成一個(gè)文本框，和一個(gè)瀏覽按鈕。圖像image它可以替代submit按鈕。<select>：選擇標(biāo)簽提供用戶選擇內(nèi)容。如：用戶所在的省市。size屬性為顯示項(xiàng)目個(gè)數(shù)。<option>：子項(xiàng)標(biāo)簽屬性selected沒有屬性值，加在子項(xiàng)上，其中一個(gè)子項(xiàng)上，子項(xiàng)fflSSwwswfflSSwwsw改變中國IT教育，我們正在行動(dòng)改變中國改變中國IT教育，我們正在行動(dòng)SSSJwffiwSSSJwffiw改變中國IT教育，我們正在行動(dòng)就變成默認(rèn)被選項(xiàng)。<textarea>:多行文本框。如：個(gè)人信息描述。<label>：用于給各元素定義快捷鍵。for屬性：指定快捷鍵作用的表單元素。必須與要作用的表單元素的id值相同。accesskey屬性：指定快捷鍵，此快捷鍵需要和alt鍵組合使用。例：<labelfor="user"accesskey="u">用戶名（u）</label><inputtype="text"id="user"/>表單提交：.先定義form表單中的action屬性值，指定表單數(shù)據(jù)提交的目的地（服務(wù)端）。.明確提交方式，通過指定method屬性值。如果不定義，那么method的值默認(rèn)是get。get和post這兩種最常用的提交方式的區(qū)別：.get提交將數(shù)據(jù)顯示在地址欄，對(duì)于敏感信息不安全。post提交不顯示在地址欄，對(duì)于敏感信息安全.地址欄中存放的數(shù)據(jù)是有限，所以get方式對(duì)提交的數(shù)據(jù)體積有限制。post可以提交大體積數(shù)據(jù)。.對(duì)提交數(shù)據(jù)的封裝方式不同：get：將提交數(shù)據(jù)封裝到了http消息頭的第一行，請(qǐng)求行中。post：將提交的數(shù)據(jù)封裝到消息頭后，在請(qǐng)求數(shù)據(jù)體中。注意：通常表單使用post提交，因?yàn)榫幋a方便。對(duì)于Tomcat服務(wù)器端，默認(rèn)的解碼方式是ISO8859-1，那么中文會(huì)出現(xiàn)亂碼。通過post提交，可以使用request.setCharacterEncoding（口GBK”）;來解決亂碼問題，該方法只對(duì)數(shù)據(jù)體有效。如果是get提交，request.setCharacterEncoding（“GBK”）該方法對(duì)亂碼解決不了，必須先進(jìn)行ISO8859-1編碼，然后在進(jìn)行GBK的解碼。這種方式雖然對(duì)post提交的亂碼也通用，但是麻煩。所以建立表單提交使用post。頭標(biāo)簽頭標(biāo)簽都放在<head></head>頭部分之間。包括：titlebasemetalink<title>：指定瀏覽器的標(biāo)題欄顯示的內(nèi)容。<base>：href屬性：指定網(wǎng)頁中所有的超鏈接的目錄?？梢允潜镜啬夸?，也可以是網(wǎng)絡(luò)目錄。注意值得結(jié)尾處一定要用/表示目錄。只作用于相對(duì)路徑的超鏈接文件。target屬性：指定打開超鏈接的方式。如_blank表示所有的超鏈接都用新窗口打開顯示。<meta>：name屬性：網(wǎng)頁的描述信息。當(dāng)取keywords時(shí)，content屬性的內(nèi)容就作為搜索引擎的關(guān)鍵字進(jìn)行搜索。http-equiv屬性：模擬HTTP協(xié)議的響應(yīng)消息頭。例：<metahttp-equiv="refresh"content="3;url="/>表示打開此頁面3秒后自動(dòng)轉(zhuǎn)到新浪頁面。<link>：rel屬性：描述目標(biāo)文檔與當(dāng)前文檔的關(guān)系。type屬性：文檔類型。media：指定目標(biāo)文檔在哪種設(shè)備上起作用。例：<linkrel="stylesheet"type="text/css"media="screen,print"href="a.css"/>Other<marquee>讓內(nèi)容動(dòng)起來。direction屬性：leftrightdownupbehavior屬性：scrollalternateslide<pre>:可以將文本內(nèi)容按在代碼區(qū)的樣子顯示在頁面上。XHTMLXMLXHTML是可擴(kuò)展的超文本標(biāo)記語言(ExtensibleHyperTextMarkupLanguage)。XHTML是w3c組織在2000年的時(shí)候?yàn)榱嗽鰪?qiáng)HTML推出的，本來是想替