HTML個人總結(jié)_第1頁
HTML個人總結(jié)_第2頁
HTML個人總結(jié)_第3頁
HTML個人總結(jié)_第4頁
HTML個人總結(jié)_第5頁
已閱讀5頁，還剩8頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

1、HTML網(wǎng)站開發(fā)的主要原則是： 用標(biāo)簽元素HTML描述網(wǎng)頁的內(nèi)容結(jié)構(gòu)； 用CSS描述網(wǎng)頁的排版布局； 用JavaScript描述網(wǎng)頁的事件處理，即鼠標(biāo)或鍵盤在網(wǎng)頁元素上的動作后的程序HTML（Hyper Text Mark-up Language 超文本標(biāo)記語言）的縮寫，是最基礎(chǔ)的網(wǎng)頁語言 。 Html是通過標(biāo)簽來定義的語言，代碼都是由標(biāo)簽所組成 。Html代碼不用區(qū)分大小寫 。Html代碼由<html>開始</html>結(jié)束。里面由頭部分<head>

2、;</head>和體部分<body></body>兩部分組成。標(biāo)簽：是由一對尖括號<>和標(biāo)簽名稱組成。標(biāo)簽分為“起始標(biāo)簽”和“結(jié)束標(biāo)簽”兩種，二者的標(biāo)簽名稱是相同的，只是結(jié)束標(biāo)簽多了一個斜杠“/”在元素的起始標(biāo)簽中，可以包含“屬性”來表示元素的其他特性<標(biāo)簽名 屬性名='屬性值'> 數(shù)據(jù)內(nèi)容 </標(biāo)簽名>              

3、0;   <標(biāo)簽名 屬性名='屬性值' />多個屬性時：<hr  size=“3”  align=“l(fā)eft”  width=”75%”>用空格分開Html 的命名：文件的擴(kuò)展名要以.html或.html結(jié)束。Ø 文件名中只可由英文字母、數(shù)字或下劃線組成。Ø 文件名中不要包含特殊符號，比如空格、$等所有標(biāo)記都要用尖括號（<>）括起來，這樣，瀏覽器就可以知道，尖括號內(nèi)的標(biāo)記是HTML命令

4、。任何空格或回車在代碼中都無效，插入空格或回車有專用的標(biāo)記，分別是 、<br>。因此，不同的標(biāo)記間用回車鍵換行再編寫是個不錯的習(xí)慣。 title元素：文件標(biāo)題聲明  link元素和style元素常用于CSS  script元素用于腳本 meta元素 元信息 <base> 超鏈接網(wǎng)址基準(zhǔn)參考點(diǎn) <meta> 元素可提供有關(guān)頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。name 屬性：網(wǎng)頁

5、的描述信息。當(dāng)取keywords時，content屬性的內(nèi)容就作為搜索引擎的關(guān)鍵字進(jìn)行搜索。http-equiv 屬性：模擬HTTP協(xié)議的響應(yīng)消息頭。 body元素是html文件的主體元素，它包含所有要在網(wǎng)頁上顯示的各種元素 。        設(shè)置頁面背景:bgcolor        設(shè)置背景圖片:background       &#

6、160;設(shè)計(jì)正文顏色:text設(shè)置頁面邊距:topmargin、leftmargin、                          rightmargin、bottomnargin             

7、; 設(shè)置顯示內(nèi)容與瀏覽器的距離添加空格 <b>  </b> 粗.<i>  </i>斜 <s>  </s> 刪<u>  </u> 下劃<sub>  </sub> 下標(biāo)          <sup>&#

8、160; </sup> 上標(biāo)           .<address>  </address> 地址        自動傾斜  .<big>  </big> 大字<strong>  </strong>

9、60;加強(qiáng)語氣 ( 加粗 <em>.</em> 加強(qiáng)語氣 ( 傾斜 段落縮進(jìn)<blockquote>設(shè)置水平線<hr>向中對齊 <center> 格式： <center>  </center>插入定義列表<dl><dl>  <dt>名稱</dt>      <d

10、d>說明</dd>      <dd>說明</dd>      <dd>說明</dd>  <dt>名稱</dt>      <dd>說明</dd>     <dd>說明</dd>   

11、;  <dd>說明</dd>  </dl>插入無序列表<ul><ul>  <li>項(xiàng)目名稱</li>  <li>項(xiàng)目名稱</li>  <li>項(xiàng)目名稱</li>  <ul><ul>：符號標(biāo)簽（）type屬性：disc     ( 默認(rèn))  &#

12、160;    circle                square  <ul type="circle">插入有序列表<ol><ol>  <li>項(xiàng)目名稱</li>  <li>項(xiàng)目名稱</li>  &

13、lt;li>項(xiàng)目名稱</li>  </ol>超鏈接概述鏈接在網(wǎng)頁制作中是一個必不可少的部分，在瀏覽網(wǎng)頁時，單擊一張圖片或者一段文字就可以彈出一個新的網(wǎng)頁，這些功能都是通過超鏈接來實(shí)現(xiàn)的，在HTML文件中，超鏈接的建立是很簡單的，但是掌握超鏈接的原理對網(wǎng)頁的制作是至關(guān)重要的。在學(xué)習(xí)超鏈接之前，需要先了解一下“URL”，所謂URL（Uniform Resource Locator）指統(tǒng)一資源定位符，通常包括三個部分：協(xié)議代碼、主機(jī)地址、具體的文件名超鏈接標(biāo)簽的使用創(chuàng)建超鏈接的標(biāo)簽為<a>和</a>，使用格

14、式如下：<a href=“資源地址”   target=“是否在新窗口顯示”   title=“指向鏈接時顯示的文字”>鏈接名稱</a>鏈接路徑 絕對路徑：包含了標(biāo)識Internet上的文件所需要的所有信息，包括完整的協(xié)議名稱、主機(jī)名稱、文件夾名稱和文件名稱。格式為：通信協(xié)議:/服務(wù)器地址:端口號/文件位置/文件名相對路徑：是以當(dāng)前文件所在路徑為起點(diǎn)，進(jìn)行相對文件的查找。鏈接到同一文檔的某個部分 錨記標(biāo)簽用于使用戶“跳”到文檔的某個部分  HTML 的

15、 NAME 屬性用于創(chuàng)建錨標(biāo)記  <A NAME = “marker”>主題名稱</A><A HREF= “#marker”>主題名稱</A>為達(dá)到這種跳轉(zhuǎn)效果，請?jiān)?#160;HREF 參數(shù)中使用該標(biāo)記B 發(fā)送E-mail：在html頁面中，可以建立e-mail鏈接，當(dāng)瀏覽者單擊鏈接后，系統(tǒng)會啟動默認(rèn)的本地郵件服務(wù)系統(tǒng)發(fā)送郵件，格式為：<a href=“mailto:e-mail地址?subject=郵件主題”>描

16、述文字</a><a href=“mailto:zhangsan?subject=一個消息”>聯(lián)系我</a>LINK 顏色的設(shè)置 基本格式：<body link=”顏色” alink=”顏色” vlink=”顏色”> link 超鏈接尚被選中的文字 alink 超鏈接點(diǎn)選但未被放開的顏色 vlink 超鏈接已被點(diǎn)選過的顏色插入并格式化圖像B <img>標(biāo)簽：用于在網(wǎng)頁中插入圖像內(nèi)容。 src屬性：用

17、于設(shè)置圖像文件的相對或絕對URL地址。 共三種類型：GIF：是圖形和圖片的最佳格式，適用于透明或動畫圖形。 JPG或JPEG：更適合存放照片 PNG：擁有許多JPEG與GIF的共同優(yōu)點(diǎn)，所以最近越來越流行。通過設(shè)置width屬性和height屬性可以控制圖像的顯示寬度和高度，他們的長度單位可是百分比，也可是像素。 <a href="URL"><img src="URL"></a>注意點(diǎn):邊框的問題.可通過border=“0”去掉邊框?qū)傩悦Q 

18、0;                     屬性值                        說明Align   

19、                       left               圖像靠左文字靠右Right        圖像靠右文字靠

20、左Top        文字往上靠middle         文字靠中bottom  文字靠下空隙設(shè)置Vspace   垂直上下兩端和物件距離Hspace  水平左右兩端和物件距離設(shè)置圖像映射圖像地圖：<map>map標(biāo)簽要和img標(biāo)簽聯(lián)合使用。<img src=”URL” usemap=”></img&g

21、t;<map name”><area shape=” cords=” , , , ” href”URL”></map>語法說明<img>標(biāo)記表示插入圖像文件，src表示插入圖像的路徑；Ø  <map>標(biāo)記表示插入圖像映射；Ø  <area>標(biāo)記表示圖像映射區(qū)域；Ø  rhape屬性表示映射區(qū)域形狀：     

22、; “rect”表示矩形區(qū)域；      “circle”表示橢圓形區(qū)域；      “poly”表示多邊形區(qū)域；Ø  cords表示感應(yīng)區(qū)域的坐標(biāo)創(chuàng)建表格 <BODY><TABLE BORDER = 2 > <TR>   <TD>姓名</TD>   <

23、TD>性別</TD>   <TD>分?jǐn)?shù)</TD> </TR> <TR>  <TH>姓名</TH>   <TH>性別</TH>   <TH>分?jǐn)?shù)</TH>   <TH>表示行或列標(biāo)題，粗體顯示  </TR> .</TABLE><TH

24、 align="center">性別</TH>居中COLSPAN=“n” 屬性表示跨多少列 ROWSPAN=“n” 屬性表示跨多少行 表格的顏色設(shè)置：表格的背景色 <TABLE bgcolor=顏色值> 行的背景色<TR bgcolor=顏色值>    列的背景色  <TD bgcolor=顏色值>表格的尺寸設(shè)置：<TABLE  

25、0;width=n1   height=n2> frame常見屬性  規(guī)定表格周圍的哪一側(cè)的邊框是可見的。 rules常見屬性   規(guī)定水平或垂直的分界線。   注釋：必須與 "border" 屬性配合使用！定義表格列的分組。通過此元素，您可以對列進(jìn)行組合以便進(jìn)行格式化。 <colgroup span="3" bgcolor=“red”></colgro

26、up>Span:表格的直列數(shù)，而不是第幾列。 定義某個表格中針對一個或多個列的屬性值。您只能在表格或 colgroup 中使用此屬性。<table>   <col></col>    代表第1列  <col span=“2” bgcolor=“red”></col>   代表第2，3 兩列  <tr>.</tr&g

27、t;單元格間距，邊距<table cellspacing=” cellpadding=“”>表格嵌套在HTML文件中，第一個<table>標(biāo)記表示插入第一表格，第二個<table>標(biāo)記插入在標(biāo)記<td></td>之間，表示在單元格中插入表格，也就是嵌套表格?？蚣軜?biāo)簽框架就是把一個瀏覽器窗口劃分為若干個小窗口，每個窗口可以顯示不同的URL網(wǎng)頁。所有的框架標(biāo)簽要放在一個HTML文檔中，HTML頁面的文檔體標(biāo)簽<body>被框架集標(biāo)簽<frameset>所取代，然后通過<frameset&g

28、t;的子窗口標(biāo)簽<frame>定義每一個子窗口和子窗口的頁面屬性。B <frameset>標(biāo)簽<frameset rows=“框架窗口高度,框架窗口高度，”></frameset> <html><head>   <title>框架的基本結(jié)構(gòu)<title></head><frameset>   <frame>   <frame><

29、/frameset></html><frameset cols=“框架窗口寬度,框架窗口寬度，”></frameset> 還可設(shè)置的屬性包括：frameborder：是否顯示框架結(jié)構(gòu)的邊框線，取值為0、1或yes、no。取值為1或yes邊框?qū)@示，取值為0或no邊框?qū)[藏。framespacing：默認(rèn)邊框線的寬度為1，該屬性可調(diào)整邊框線的寬度。（以像素為單位）bordercolor：可設(shè)置邊框線顏色。scrolling：設(shè)置框架是否顯示滾動條。取值為yes、no或auto。yes表示滾動條一直顯示；no表示無論什么情況都不顯示

30、滾動條；auto是系統(tǒng)的默認(rèn)值，它是根據(jù)內(nèi)容來調(diào)整的，當(dāng)頁面長度超過瀏覽器窗口的范圍時就會自動顯示滾動條。B <noframes>標(biāo)簽如果遇到不支持框架結(jié)構(gòu)的瀏覽器，此時就需要用到該標(biāo)簽來設(shè)置替換的內(nèi)容，并告訴瀏覽者其瀏覽器無法打開框架頁面。<a href=“right1.html” target=“mainFrame”>新聞中心</a>使用iframe進(jìn)行頁面內(nèi)的頁面嵌套可以定義嵌套頁面的大小、位置等用法：<iframe name=“ifra1” scr=“abc.htm” border=“

31、1”/>可以通過name屬性將鏈接的顯示目標(biāo)定位到iframe框架內(nèi)。 <bgsound> 是用以插入背景音樂，但只適用於 IE，其參數(shù)設(shè)定不多。如下 <bgsound src="your.mid" autostart=true loop=infinite>  src="your.mid" 設(shè)定 midi 檔案及路徑，可以是相對或絕對 autostart=true 是否在音樂檔傳完之後，

32、就自動播放音樂。true 是，false 否 (內(nèi)定值)。  loop=infinite 是否自動反覆播放。LOOP=2 表示重復(fù)兩次，Infinite 表示重復(fù)多次。  <EMBED> 是用以插入各種多媒體，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及 新版的 IE 都支援。其參數(shù)設(shè)定多。如下  <EMBED src="your.mid&q

33、uot; autostart="true" loop="true" hidden="true">  src="your.mid" 設(shè)定 midi 檔案及路徑，可以是相對或絕對 autostart=true 是否在音樂檔傳完之後，就自動播放音樂。true 是，false 否 (內(nèi)定值)。  loop="true" 是否自動反覆播放。L

34、OOP=2 表示重復(fù)兩次，true 是， false 否。  HIDDEN="true" 是否完全隱藏控制畫面，true 為是，no 為否 (內(nèi)定)。  STARTTIME="分:秒" 設(shè)定歌曲開始播放的時間。如 STARTTIME="00:30" 表示從第30秒處開始播放。  VOLUME="0-100" 設(shè)定量的大小，數(shù)值是0到100

35、之間。內(nèi)定則為使用者系統(tǒng)本身之設(shè)定。  WIDTH="整數(shù)" 和 HIGH="整數(shù)" 設(shè)定控制畫面的寬度和高度。(若 HIDDEN="no") ALIGN="center" 設(shè)定控制畫面和旁邊文字的對方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom。 controls="smallc

36、onsole" 設(shè)定控制畫面的外貌。預(yù)設(shè)值是 console。 console 一般正常的面板 smallconsole 較小的面板 playbutton 只顯示播放按鈕 pausecutton 只顯示暫停按鈕 stopbutton 只顯示停止按鈕 volumelever 只顯示音量調(diào)整鈕 <Marquee>滾動的文字</Marquee> Direction=”滾動方向”left左right右up上do

37、wn下 Behavior=”滾動方式” scroll一圈一圈繞著走 slide只走一次 alternate來回的走 Loop=”滾動的循環(huán)次數(shù)” 若未指定則循環(huán)不止(loop=”infinite”) Bgcolor=”背底顏色”Width=“寬度”Height=“高度” onMouseOver=”this.stop()”onMouserOut=”this.start()” Scrollamount=”速度” 數(shù)值越大速度越快  Scrolldelay=“延時”（走一步，停一停

38、） 表單Form <form action=處理表單信息的服務(wù)器端應(yīng)用程序 method=處理表單數(shù)據(jù)的方法(POST/GET) name=表單名稱 target=打開窗口的方式> 表單元素 </form文本框 <input name=“文本框名稱” type=“text” value=“初始值” size=“顯示字符數(shù)” maxlength=“最多容納字符數(shù)”> 密碼框 <input na

39、me=“文本框名稱” type=“password” value=“初始值” size=“顯示字符數(shù)” maxlength=“最多容納字符數(shù)”> 多行文本框 <textarea name=“多行文本框名稱” cols=“每行中的字符數(shù)” rows=“顯示的行數(shù)”>  初始內(nèi)容 </textarea>單選框、復(fù)選框 單選框 <input name=“單選框名稱” type=“radio” va

40、lue=“選擇名稱” checked(初始狀態(tài)，如果為默認(rèn)，則寫checked；否則不寫)> 復(fù)選框 <input name=“復(fù)選框名稱” type=“checkbox” value=“選擇名稱” checked(初始狀態(tài)，如果為選中，則寫checked；否則不寫)>列表框(A)、菜單式  <select name=“列表框名稱”> <option selected(哪個為初始選擇，就添加selected語句只有一個) valu

41、e=“提交值”>列表1</option> <option value=“提交值”>列表2</option> <option value=“提交值”>列表3</option> . </select> (B)、列表式 <select name=“列表框名稱” size=“顯示的行數(shù)” multiple(如果允許多選，則有該命令；否則沒有此命令)> <option select

42、ed(哪個為初始選擇，就添加selected語句可有多個，但沒有意義) value=“提交值”>列表1</option> <option value=“提交值”>列表2</option> <option value=“提交值”>列表3</option> . </select>下拉菜單 <B>誰是 2002 年世界杯冠軍？</B><SELECT NAME =“myselect"><OPTION SELECTED>西班牙</OPTION><OPTION>法國</OPTION><OPTION>巴西</OPTION><OPTION>德國</OPTION></SELECT>按鈕 <input type=“按鈕類型(reset、submit、button)” name=“按

溫馨提示

  • 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)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論