黑馬程序員java培訓(xùn)就業(yè)班筆記：day28(Html)總結(jié)_第1頁
黑馬程序員java培訓(xùn)就業(yè)班筆記：day28(Html)總結(jié)_第2頁
黑馬程序員java培訓(xùn)就業(yè)班筆記：day28(Html)總結(jié)_第3頁
黑馬程序員java培訓(xùn)就業(yè)班筆記：day28(Html)總結(jié)_第4頁
黑馬程序員java培訓(xùn)就業(yè)班筆記：day28(Html)總結(jié)_第5頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

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

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

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

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論