html基本結(jié)構(gòu)與標(biāo)記_第1頁
已閱讀1頁,還剩16頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

1、<p><b>  目錄</b></p><p>  1 HTML基本結(jié)構(gòu)1</p><p>  2 列表控制標(biāo)記4</p><p><b>  3 表格6</b></p><p><b>  4 圖像9</b></p><p><

2、;b>  5 超鏈接10</b></p><p><b>  6 表單12</b></p><p><b>  7 框架13</b></p><p><b>  8 多媒體15</b></p><p><b>  9 其他標(biāo)記16<

3、/b></p><p>  1 HTML基本結(jié)構(gòu)</p><p>  1 HTML的基本結(jié)構(gòu)</p><p>  <html> -------根控制標(biāo)記</p><p>  <head>-------頭控制標(biāo)記</p><p>  <title

4、>標(biāo)題</title>-------標(biāo)題標(biāo)記</p><p>  </head>-------頭控制標(biāo)記(尾)</p><p>  <body></p><p>  -------網(wǎng)頁顯示區(qū)域</p><p><b>  </body>&

5、lt;/b></p><p>  </html>-------根控制標(biāo)記(尾)</p><p>  (1).<html>…</html>根控制標(biāo)記</p><p>  開頭和結(jié)尾成對出現(xiàn),雙標(biāo)簽</p><p>  (2).<head>…</head>頭控制標(biāo)記

6、</p><p>  1.<title>很單純的文件標(biāo)題聲明</p><p>  2.<meta>控制標(biāo)記的動(dòng)態(tài)文件轉(zhuǎn)換聲明</p><p>  3.<base>超鏈接網(wǎng)址基準(zhǔn)參考點(diǎn)</p><p>  4.Javascript和VBScript程序</p><p>  5.styl

7、esheet 可用來設(shè)置排版來的聲明</p><p>  6.<link>可引用外部文件,如CSS排版樣本</p><p>  (3).<title>…</title>設(shè)置瀏覽器的視窗標(biāo)題</p><p>  (4).<body>…</body>頁面可見內(nèi)容</p><p>  2

8、HTML控制標(biāo)記的格式</p><p>  (1).<標(biāo)記名稱></p><p>  單一型,無設(shè)置值的。</p><p><b>  如:<br></b></p><p>  (2).<標(biāo)記名稱 屬性=”屬性值”></p><p>  單一型,有設(shè)置值的。&l

9、t;/p><p>  如:<hr width=”80%”></p><p>  (3).<標(biāo)記名稱>…</標(biāo)記名稱></p><p><b>  對稱型,無設(shè)置值。</b></p><p>  如:<title>…</title></p><p&

10、gt;  (4).<標(biāo)記名稱 屬性=”屬性值”>…</標(biāo)記名稱></p><p><b>  對稱型,有設(shè)置值。</b></p><p>  如:<body bgcolor=”red”>…</body></p><p>  <font size=”7”>…</font>&l

11、t;/p><p>  3 最常用的控制標(biāo)記</p><p>  (1).跳行 <br></p><p><b>  格式:<br></b></p><p><b>  無屬性設(shè)置</b></p><p>  (2).段落 <p><

12、/p><p>  格式:<p align=”排列方式”>…</p></p><p>  屬性名稱屬性值說明</p><p>  align left往左靠(默認(rèn))</p><p>  center往中靠</p><p>  right 往右靠</p><

13、p>  (3).水平直線 <hr></p><p><b>  格式:<hr></b></p><p>  屬性名稱屬性值說明</p><p>  size 像素絕對設(shè)置,以數(shù)字表示,屬性值越大,線越粗</p><p>  百分比相對設(shè)置,以%表示,屬性值越大,線越粗

14、</p><p>  width 像素絕對設(shè)置,長度不會(huì)應(yīng)視窗的改變而改變</p><p>  百分比相對設(shè)置,長度會(huì)隨著視窗寬度而改變</p><p>  noshade 實(shí)體線</p><p>  (4).向中對齊 <center> (被廢棄的標(biāo)簽)</p>

15、;<p>  格式:<center>…</center></p><p>  (5).背景色與文字設(shè)置</p><p>  格式:<body bgcolor=”背景色” text=”文字顏色”></p><p>  整體頁面的邊距,行距 </p><p>  <body leftmarg

16、in=”像素” topmargin=”像素”></p><p>  (6).標(biāo)題文字設(shè)置</p><p>  格式:<h1>…</h1></p><p>  <h2>…</h2></p><p>  <h3>…</h3></p><p>  

17、<h4>…</h4></p><p>  <h5>…</h5></p><p>  <h6>…</h6></p><p>  屬性名稱屬性值說明</p><p>  align left靠左</p><p>  cen

18、ter靠中</p><p>  right靠右</p><p>  (7).特殊字符設(shè)置</p><p>  格式:< lt;</p><p><b>  > gt;</b></p><p>  & amp;</p><

19、;p>  “ quot;</p><p>  (8).在HTML備注</p><p>  格式:<!--…--></p><p>  (9).實(shí)體字符控制標(biāo)記</p><p>  1.<b>…</b>粗</p><p>  2.<i>…</i&g

20、t;斜</p><p>  3.<s>…</s>刪</p><p>  4.<u>…</u>下劃</p><p>  5.<tt>…</tt>電報(bào)</p><p>  6.<sub>…</sub>下標(biāo)</p>

21、<p>  7.<sup>…</sup>上標(biāo)</p><p>  (10).語意字符控制</p><p>  1.<address>…</address> 地址</p><p>  2.<big>…</big>大字</p><p>  3

22、.<del>…</del>刪除</p><p>  4.<ins>...</ins> 修改</p><p>  5.<samll>…</small>小字</p><p>  <strong>…</strong>加強(qiáng)語氣(加粗)<

23、;/p><p>  <em>...</em> 加強(qiáng)語氣(傾斜)</p><p>  (11).<font>字體控制 (被廢棄的標(biāo)簽)</p><p>  格式:<font>…</font></p><p>  屬性名稱屬性值說明</p>&

24、lt;p>  size 0-7字體大小</p><p>  color英文或十六顏色</p><p>  face 字體字體</p><p><b>  (12).格式化</b></p><p>  格式:<pre>…</pre></p><

25、p>  讓書寫的文字格式化!</p><p><b>  .引用文本</b></p><p>  格式:<blockquote>...</blockquote></p><p>  屬性名稱屬性值說明</p><p>  cite url 被引用的地

26、址</p><p><b>  2 列表控制標(biāo)記</b></p><p>  1 無序號條例式清單<ul>與<li></p><p><b>  格式: </b></p><p><b>  <ul></b></p><

27、p>  <li>…</li></p><p>  <li>…</li></p><p>  <li>…</li></p><p>  <li>…</li></p><p><b>  </ul></b><

28、;/p><p>  功能: <ul>無序條列清單的開始.</p><p>  </ul>表示結(jié)束.</p><p>  <li>…</li>表示一個(gè)項(xiàng)目.</p><p><b>  <li>的屬性</b></p><p>  屬性名稱

29、屬性值說明</p><p>  type dise 實(shí)心圓(默認(rèn)值)</p><p>  circle空心圓</p><p>  square 實(shí)心方塊</p><p>  2 有序號條例式清單<ol>與<li></p><p><b>  格式:

30、</b></p><p><b>  <ol></b></p><p>  <li>…</li></p><p>  <li>…</li></p><p>  <li>…</li></p><p>  

31、<li>…</li></p><p><b>  </ol></b></p><p>  功能: <ol>有序條列清單的開始.</p><p>  </ol>表示結(jié)束.</p><p>  <li>…</li>表示一個(gè)項(xiàng)目.</p

32、><p><b>  <ol>的屬性</b></p><p>  屬性名稱屬性值說明</p><p>  type 1 表示以1,2,3,4來表示</p><p>  a 表示以a,b,c,d來表示</p><p>  A 表

33、示以A,B,C,D來表示</p><p>  i表示以i,ii ,iii來表示</p><p>  I 表示以 I,II,III來表示</p><p>  3 無序列表和有序列表的結(jié)合應(yīng)用</p><p><b>  格式:<ul></b></p><p>&l

34、t;b>  <li></b></p><p><b>  .....</b></p><p><b>  <ol></b></p><p>  <li>…</li></p><p>  <li>…</li>&l

35、t;/p><p>  <li>…</li></p><p><b>  </ol></b></p><p><b>  </li></b></p><p><b>  <li></b></p><p&g

36、t;<b>  .....</b></p><p><b>  <ol></b></p><p>  <li>…</li></p><p>  <li>…</li></p><p>  <li>…</li></

37、p><p><b>  </ol></b></p><p><b>  </li></b></p><p><b>  </ul></b></p><p>  4 敘述式清單(定義列表)</p><p><b>

38、  格式:</b></p><p><b>  <dl></b></p><p>  <dt>…</dt></p><p>  <dd>…</dd></p><p>  <dd>…</dd></p><p&

39、gt;  <dd>…</dd></p><p>  <dt>…</dt></p><p>  <dd>…</dd></p><p>  <dd>…</dd></p><p>  <dd>…</dd></p>&

40、lt;p>  </dl>功能: <dl>敘述清單的開始</p><p>  <dt>表示一個(gè)項(xiàng)目</p><p>  <dd>表示一個(gè)項(xiàng)目下的更詳細(xì)的內(nèi)容</p><p><b>  3 表格</b></p><p>  在網(wǎng)頁中表格是一種經(jīng)常使用到得設(shè)計(jì)結(jié)

41、構(gòu),就像表格的內(nèi)容中可以包含任何的數(shù)據(jù),如文字、圖像、表單、超鏈接、表格等等,所有在HTML中可以使用的數(shù)據(jù),都可以被設(shè)置在表格中,所以有關(guān)表格設(shè)置的標(biāo)記與屬性頁特別多。</p><p><b>  1 表格的基本格式</b></p><p><b>  格式:</b></p><p><b>  <tab

42、le></b></p><p><b>  <tr>…</b></p><p>  <th>… </th></p><p>  <th>… </th></p><p>  <th>… </th></p>&

43、lt;p><b>  </tr></b></p><p><b>  <tr></b></p><p>  <td>… </td></p><p>  <td>… </td></p><p>  <td>… &

44、lt;/td></p><p><b>  </tr></b></p><p><b>  </table></b></p><p>  功能: <table>…</table>用來聲明表格開始與結(jié)束.</p><p>  <tr>

45、…</tr>用來設(shè)置表格的行.</p><p>  <th>…</th>用來設(shè)置標(biāo)題欄位.</p><p>  <td>…</td>用來設(shè)置數(shù)據(jù)欄位.</p><p>  2 <table>標(biāo)簽下的屬性</p><p>  屬性名稱屬性值說明</p>

46、<p>  border 像素 設(shè)置表格的邊線</p><p>  cellspacing 像素 絕對設(shè)置,存儲(chǔ)格框線寬度</p><p>  百分比 相對設(shè)置,存儲(chǔ)格框線寬度</p><p>  cellpadding 像素 絕對設(shè)置,數(shù)據(jù)與框線的距離</p><p>  百分比

47、 相對設(shè)置,數(shù)據(jù)與框線的距離</p><p>  width 像素 絕對設(shè)置,像素表示表格寬度</p><p>  百分比 相對設(shè)置,百分比表表格寬度</p><p>  height 像素 絕對設(shè)置,像素表示表格寬度</p><p>  百分比 絕對設(shè)置,百分比表表格寬度</p>

48、<p>  align left 表格往左靠(默認(rèn))</p><p>  center 表格往中靠</p><p>  right 表格網(wǎng)右靠</p><p>  bgcolor英文/十六 表格的背景顏色</p><p>  background URL 表

49、格的背景圖片</p><p>  summary字符串 用來描述表格數(shù)據(jù)說明</p><p>  bordercolor英文/十六 邊框的顏色</p><p>  bordercolorlight同上 邊框的亮色</p><p>  bordercolordark 同上 邊框的暗色</p>

50、<p>  3 <table>標(biāo)簽下的邊框設(shè)置</p><p>  屬性名稱屬性值說明</p><p>  frame void不要顯現(xiàn)表格的邊線</p><p>  above只要顯現(xiàn)出表格的上邊線</p><p>  below只顯現(xiàn)出表格的下邊線</p><

51、p>  hsides只顯示表格的上下邊線</p><p>  vsides只顯現(xiàn)表格的左右邊線</p><p>  lhs只顯現(xiàn)表格的左邊線</p><p>  rhs只顯現(xiàn)表格的右邊線 border/box 會(huì)顯現(xiàn)出表格的所有邊線</p><p>  rules ro

52、ws 只顯示出橫行的格框線</p><p>  cols只顯示出直行的格框線</p><p>  all顯示全部格框線</p><p>  groups 表示列組合水平部分</p><p>  none不顯示任何格框線</p><p>  4 <tr>

53、;<th><td>標(biāo)簽下的常用屬性</p><p>  屬性名稱屬性值說明</p><p>  width像素絕對設(shè)置,以像素值設(shè)置寬百分比相對設(shè)置,以百分比設(shè)置寬</p><p>  height像素絕對設(shè)置,以像素值設(shè)置高</p><p>  百分比

54、相對設(shè)置,以百分比設(shè)置寬</p><p>  bgcolor英文/十六數(shù)據(jù)欄的顏色設(shè)置</p><p>  align(水平方向)left數(shù)據(jù)靠左</p><p>  center數(shù)據(jù)靠中</p><p>  right 數(shù)據(jù)靠右</p><p>  valign(垂直方

55、向) top數(shù)據(jù)靠上</p><p>  middle數(shù)據(jù)靠中</p><p>  bottom數(shù)據(jù)靠下</p><p>  nowrap無在單元格中換行</p><p>  5 拆分與合并單元格</p><p>  屬性名稱屬性值說明</p>&l

56、t;p>  colspan 數(shù)字向兩邊擴(kuò)展欄位</p><p>  rowspan 數(shù)字向下擴(kuò)展欄位</p><p>  6 表格的結(jié)構(gòu)化、直列化、標(biāo)題</p><p>  (1).結(jié)構(gòu)化格式:</p><p><b>  <table></b></p>

57、<p>  <thead>……</thead> --------表頭區(qū)</p><p>  <tbody>……</tbody> --------表體區(qū)</p><p><b>  ………………………</b></p><p>  <tfoot>……</tfo

58、ot> --------表尾區(qū)</p><p><b>  </table></b></p><p>  (2).直列化格式:<colgroup>….</colgroup></p><p>  屬性名稱屬性值說明</p><p>  alignleft

59、靠左</p><p>  center靠中</p><p>  right 靠右</p><p>  valigntop靠上</p><p>  middle靠中</p><p>  bottom靠下</p><p>  span數(shù)字

60、直列數(shù)目</p><p>  width像素/百分比寬度</p><p><b>  個(gè)別直列設(shè)置</b></p><p>  格式:<col>功能完全和<colgroup>一樣.</p><p><b>  .表格的標(biāo)題:</b></p>&l

61、t;p><b>  <table></b></p><p>  <caption>….</caption></p><p><b>  </table></b></p><p>  <caption>下的屬性值有:</p><p> 

62、 屬性名稱屬性值說明</p><p>  align top標(biāo)題在表格上方</p><p>  bottom 標(biāo)題在表格下方</p><p>  7 嵌套表格的應(yīng)用: 看實(shí)例.</p><p><b>  4 圖像</b></p><p><b>

63、  1 背景圖案的設(shè)置</b></p><p>  格式:<body background=”URL”></p><p>  2 將圖片插入到網(wǎng)頁中去</p><p>  格式:<img src="URL"></p><p>  功能:將圖片插入到網(wǎng)頁中去,單一標(biāo)簽</p>

64、<p><b>  <img>下的屬性</b></p><p>  屬性名稱屬性值說明</p><p>  src URL圖片的路徑</p><p><b>  圖片的注解</b></p><p>  屬性名稱屬性值說明</p>

65、<p>  alt 字符串 給圖片做注解</p><p><b>  圖象大小的設(shè)置</b></p><p>  屬性名稱屬性值說明</p><p>  width 像素絕對設(shè)置,寬</p><p>  百分比相對設(shè)置,寬</p><p>  h

66、eight 像素絕對設(shè)置,高</p><p>  百分比相對設(shè)置,高</p><p><b>  圖象邊框的設(shè)置</b></p><p>  屬性名稱屬性值說明</p><p>  border 數(shù)字圖象邊框</p><p><b>  文字圖象的排列

67、</b></p><p>  屬性名稱屬性值說明</p><p>  align left圖象靠左,文字靠右</p><p>  right 圖片靠右,文字靠左</p><p>  top 文字往上靠</p><p>  middle 文字靠中</p

68、><p>  bottom 文字靠下</p><p><b>  空隙的設(shè)置</b></p><p>  屬性名稱屬性值說明</p><p>  vspace 像素垂直上下兩端與物件的距離</p><p>  hspace 像素水平左右兩段與物件

69、的距離</p><p>  3 用圖像作為超鏈接</p><p>  格式:<a href="URL"><img src="URL"></a></p><p>  注意點(diǎn):邊框的問題.</p><p><b>  4 地圖索引</b></p

70、><p>  格式:<map name="圖象名稱" id="圖象名稱"></p><p>  <area shape="選取區(qū)塊的形狀" coords="坐標(biāo)" href="URL" alt="文字說明"></p><p>&

71、lt;b>  </map></b></p><p>  <img src="URL" USEMAP="#圖象名稱"></p><p>  <map>聲明整張圖使用地圖鏈接方式進(jìn)行連接.</p><p>  name,id指此圖的名稱.</p><p>

72、;  <area>表示我們所要鏈接其中一點(diǎn)的區(qū)快</p><p>  shape表示我們所選擇的形狀,如:rect矩形 circle圓 poly多邊形</p><p>  coords 表示地圖的坐標(biāo)位置!!</p><p><b>  5 切片索引</b></p><p>  使用Firework來進(jìn)行!!

73、用表格進(jìn)行定位!!</p><p><b>  6 為網(wǎng)站添加圖標(biāo)</b></p><p>  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"></p><p><b>  5 超

74、鏈接</b></p><p>  超鏈接也叫URL中文翻譯為資源定址器.這個(gè)定址器的功能主要告訴瀏覽器根據(jù)URL的地址找到所需的資源。</p><p>  1 超鏈接的基本格式</p><p><b>  格式:</b></p><p>  scheme://host[:post]/path/filename

75、</p><p>  scheme指的是http,ftp,file,mailto,news,gopher,telnet七種</p><p>  host指的是IP地址或計(jì)算機(jī)名稱</p><p>  post指的是服務(wù)器端口</p><p>  path指的是文件路徑</p><p>  filename指的是文件名&

76、lt;/p><p>  <a href=scheme://host[:post]/path/filename >…</a></p><p><b>  2 超鏈接的種類</b></p><p>  一般常用的分為四種:</p><p><b>  http</b></p&g

77、t;<p>  聲明 <a href=http://www.163.com/images/logo.htm>網(wǎng)易logo</a></p><p><b>  file</b></p><p>  聲明<a href=file:///e/images/pic.jpg>圖片</a></p>&

78、lt;p><b>  ftp</b></p><p>  聲明 <a href=ftp://192.168.4.21/>進(jìn)入</a></p><p>  4.mailto<a href=mailto:bnbbs@163.com>E-MAIL</a></p><p>  3 相對鏈接和絕

79、對鏈接</p><p><b>  index.htm</b></p><p>  page/index.htm</p><p>  page/top/index.htm</p><p>  ../index.htm</p><p>  ../../index.htm</p><

80、;p>  ../page/index.htm</p><p><b>  4 書簽的鏈接</b></p><p><b>  <a>下的屬性</b></p><p>  屬性名稱屬性值說明 name字符串設(shè)置超鏈接的標(biāo)記</p><p><

81、;b>  基本格式:</b></p><p>  瞄點(diǎn)<a name=”音樂”>…</a></p><p>  鏈接點(diǎn)<a href=”#音樂”>…</a></p><p>  鏈接到別的網(wǎng)頁的書簽項(xiàng)目:</p><p><b>  基本格式:</b>&l

82、t;/p><p>  瞄點(diǎn)<a name=”音樂”>…</a></p><p>  鏈接點(diǎn)<a href=”index.htm#音樂”>…</a></p><p><b>  5 超鏈接事件</b></p><p>  LINK 顏色的設(shè)置</p><p&

83、gt;  基本格式:<body link=”顏色” alink=”顏色” vlink=”顏色”></p><p>  link 超鏈接尚被選中的文字</p><p>  alink 超鏈接點(diǎn)選但未被放開的顏色</p><p>  vlink 超鏈接已被點(diǎn)選過的顏色</p><p><b>  6 表單</b>

84、;</p><p>  表單是提供讓讀者在網(wǎng)頁上輸入,勾選和選取數(shù)據(jù),以便提交給服務(wù)器數(shù)據(jù)庫的工具。</p><p>  1 表單的功能結(jié)構(gòu):</p><p>  主標(biāo)記結(jié)構(gòu):<from>…</from></p><p>  屬性值說明</p><p>  name字符串給這個(gè)

85、表單起個(gè)名字</p><p>  methodget/post表單的傳輸方式</p><p>  actionurl傳輸目標(biāo)</p><p>  2 文本欄、密碼欄、隱藏欄</p><p>  文本欄:<input type=”text” name=”欄位名稱” value=”欄位內(nèi)定值” size=”欄位顯示寬度”

86、maxlength=”欄位數(shù)據(jù)輸入最大長度” readonly=”readonly”></p><p>  密碼欄:<input type=”password” name=”欄位名稱” value=”欄位內(nèi)定值” size=”欄位顯示寬度” maxlength=”欄位數(shù)據(jù)輸入最大長度” readonly=”readonly”></p><p>  隱藏性欄位:<in

87、put type=”hidden” name=”欄位名稱” value=”欄位值”></p><p><b>  3 復(fù)選欄、單選欄</b></p><p>  多重勾選欄位:<input type=”checkbox” name=”欄位名稱” value=”內(nèi)定值” checked=”checked” disabled=”disabled”>&l

88、t;/p><p>  單選欄位:<input type=”radio” name=”欄位名稱” value=”內(nèi)定值” checked=”checked” disabled=”disabled”></p><p>  4 窗體欄位、區(qū)塊欄位</p><p>  窗體選項(xiàng)欄位設(shè)置:<select name=

89、”欄位名稱” size=”數(shù)字” > <option value=”選項(xiàng)值” selected=”selected”>… <option value=”選項(xiàng)值”>… <option value=”選項(xiàng)值”>… </select></

90、p><p>  //分組<optgroup label="分組名稱"></optgroup></p><p>  //多選multiple</p><p>  文字區(qū)塊的設(shè)置:<textarea cols=”設(shè)置長度” rows=”設(shè)置寬度”> ………

91、 </textarea></p><p><b>  5 按鈕、圖像按鈕</b></p><p>  按鈕設(shè)置: <input type=”submit” value=”按鈕中顯示的文字”> <input type=”reset” value=”按鈕中顯示的文字”></p><p&g

92、t;  按鈕圖像:<button name=”欄位名稱” type=”圖象形態(tài)”> <img src=”URL”> </button></p><p>  圖像按鈕:<input type="image" src="url" alt="文本"></p>&l

93、t;p><b>  6 允許上傳文件</b></p><p>  上傳欄位:<input type="file" name="file"></p><p>  7 表單加上外框和標(biāo)題</p><p>  外 邊 框:<fieldset>...</fieldset>

94、; </p><p>  標(biāo)  題:<legend>...</legend></p><p><b>  7 框架</b></p><p>  瀏覽器視窗本身就是一個(gè)框架,網(wǎng)頁就是顯示在該單一的框架內(nèi),本章將介紹另一種網(wǎng)頁呈現(xiàn)的方式,那就是可將原先單一的框架分割成多個(gè)框架,且每個(gè)框架中可以分別顯示出指定的網(wǎng)頁,當(dāng)然這種

95、框架仍然是結(jié)構(gòu)于單一的視窗中。</p><p>  1 多窗框的基本結(jié)構(gòu)</p><p><b>  格式:</b></p><p>  <frameset></p><p><b>  <frame></b></p><p><b>  &

96、lt;frame></b></p><p><b>  <frame></b></p><p>  </frameset></p><p>  功能說明:<frameset>用來設(shè)置多窗框結(jié)構(gòu)的聲明</p><p>  <frameset>下的屬性:<

97、;/p><p>  屬性名稱屬性值說明</p><p>  cols像素設(shè)置直排的多窗框環(huán)境</p><p><b>  百分比同上</b></p><p>  rows像素設(shè)置橫排的多窗框環(huán)境</p><p><b>  百分比同上<

98、;/b></p><p>  border像素邊框的寬度</p><p>  framespacing 像素頁面與頁面的邊距</p><p><b>  屬性格式:</b></p><p>  <frameset cols=”120,80,120”></p>

99、<p>  <frameset cols=”20%,40%,20%”></p><p>  <frameset cols=”40%,*,*”></p><p>  <frameset rows=”120,80,120”></p><p>  <frameset rows=”20%,40%,20%”></

100、p><p>  <frameset rows=”20%,*,*”></p><p>  <frame>下的屬性:</p><p>  屬性名稱屬性值說明</p><p>  srcURL鏈接的頁面</p><p>  noresizetrue允許瀏覽器自行

101、改變框架大小</p><p>  false不允許</p><p>  scrolling yes不管網(wǎng)頁內(nèi)容的大小,都出現(xiàn)滾動(dòng)條</p><p>  no不管網(wǎng)頁內(nèi)容的大小,都不現(xiàn)滾動(dòng)條</p><p>  auto瀏覽器自動(dòng)判斷,是否需要滾動(dòng)條</p><p>  mar

102、ginheight 像素設(shè)置垂直方向,窗體內(nèi)容與邊界的距離</p><p>  marginwidth 像素設(shè)置水平方向,窗體內(nèi)容與邊界的距離</p><p>  frameborder0\1不出現(xiàn)框體邊/出現(xiàn)窗體邊線</p><p><b>  屬性格式:</b></p><p

103、>  <frame src=”URL”></p><p>  <frame noresize> </p><p>  2 嵌套多窗體設(shè)置:</p><p><b>  格式:</b></p><p>  <frameset rows="20%,80%"><

104、;/p><p>  <frame src="URL"></p><p>  <frameset cols="20%,80%"></p><p>  <frame src="URL"></p><p>  <frame src="URL&

105、quot;></p><p>  </frameset></p><p>  </frameset></p><p><b>  3 多框架與超鏈接</b></p><p>  框架式網(wǎng)站的好處就是在同一張頁面可以顯示多個(gè)頁面,而且可以跟方便的進(jìn)行鏈接。</p><p&g

106、t;<b>  相關(guān)屬性說明:</b></p><p>  <frame>的命名屬性:</p><p>  格式:<frame name=”窗體名稱”></p><p>  <a>超鏈接 <a href=”URL” target=”窗體名稱”></p><p>&l

107、t;b>  多窗體鏈接的屬性:</b></p><p>  屬性名稱屬性值說明</p><p>  target _blank打開一個(gè)新建的頁面</p><p><b>  4 懸浮窗體的設(shè)置</b></p><p>  格式:<iframe>…</ifr

108、ame></p><p><b>  功能:設(shè)置懸浮窗框</b></p><p>  屬性名稱屬性值說明</p><p>  height像素/%絕對/相對 高度</p><p>  width像素/%絕對/相對 寬度</p><p>  其余屬性

109、除了noresize外,其他都和frameset 一樣.</p><p><b>  8 多媒體</b></p><p>  使用Web如此流行的原因之一是可以再網(wǎng)頁上加入圖像、聲音、動(dòng)畫和電影文件。雖然過去對這些文件大小的限制局限了它們的作用,但是新技術(shù)(比如流技術(shù)及寬帶)已經(jīng)使多媒體網(wǎng)頁成為了可能。</p><p>  1 FLASH動(dòng)畫的

110、插入</p><p>  使用<embed>...</embed>標(biāo)記插入FLASH動(dòng)畫</p><p>  屬性值說明 </p><p>  srcurlflash路徑</p><p>  width像素/百分比flash寬度</p><p>  

111、height像素/百分比flash高度</p><p>  wmode window使flash自身的矩形窗口來播放</p><p>  opaque使flash隱藏頁面上位于它后面</p><p>  transparent 使flash某一部分透明</p><p>  使用<object>

112、;...</object>標(biāo)記插入flash動(dòng)畫</p><p>  屬性值說明</p><p>  typeapplication/x-shockwave-flashflash類型</p><p>  dataurlflash路徑</p><p>  width像

113、素/百分比flash寬度</p><p>  height像素/百分比flash高度</p><p>  注意:必須再使用子標(biāo)簽<param>完成flash插入</p><p>  屬性值說明</p><p>  name屬性flash屬性</p&

114、gt;<p>  value值flash值</p><p>  3 MP3音頻及WMV視頻的插入</p><p>  使用<embed>...</embed>標(biāo)記插入FLASH動(dòng)畫</p><p>  屬性值說明 </p><p>  autostarttru

115、e/false自動(dòng)/非自動(dòng)播放</p><p>  loop數(shù)字音樂循環(huán)的次數(shù)</p><p>  它的前身是<bgsound src=”URL” loop=”次數(shù)”></p><p>  使用<object>...</object>標(biāo)記插入MP3音樂</p><p>  屬性

116、值說明 </p><p>  namesrc(路徑)音樂路徑</p><p>  autoplay(true/false)是否自動(dòng)播放</p><p><b>  9 其他標(biāo)記</b></p><p>  1 自動(dòng)展示網(wǎng)頁內(nèi)容:</p><p>  格式:<m

117、eta http-equiv=”refresh” content=”time;URL”></p><p>  meta 文件頭聲明</p><p>  http-equiv=”refresh” 表示網(wǎng)頁要重新下載顯示</p><p>  content=”time;URL” time表示秒數(shù),URL網(wǎng)頁顯示內(nèi)容</p><p>  例:

118、<meta http-equiv=”refresh” content=”3;url=index.htm”></p><p>  2 如何讓別人找到你的網(wǎng)頁:</p><p>  <meta>下的屬性:</p><p>  屬性名稱屬性值說明</p><p>  nameauthor描述作者資料&l

119、t;/p><p>  description描述網(wǎng)頁的內(nèi)容</p><p>  keywords 關(guān)鍵字,多個(gè)可用逗號隔開</p><p>  generator 描述網(wǎng)頁是通過那種軟件產(chǎn)生</p><p>  revised描述網(wǎng)頁的版本</p><p>  others可設(shè)置其他網(wǎng)頁

120、信息</p><p>  content字符串配合name,http-equive設(shè)置</p><p>  例:<meta name=”author” content=”李炎恢”></p><p>  <meta name=”description” content=”這是我的個(gè)人網(wǎng)站”></p><p>

121、  <meta name=”keywords” content=”音樂,動(dòng)漫,博客”></p><p>  <meta name=”generator” content=”記事本”></p><p>  <meta name=”revised” content=”html4.01”></p><p>  <meta name

122、=”others” content=”這個(gè)我第一個(gè)網(wǎng)站,網(wǎng)站的主要內(nèi)容有動(dòng)漫,音樂,文章,博客等等,歡迎大家光臨!”></p><p>  3 活動(dòng)文字:<marquee>…</marquee></p><p>  屬性名稱屬性值說明</p><p>  behaviorscroll從右到左移動(dòng)</p

123、><p>  slide從右到左停止</p><p>  alternate兩邊移動(dòng)</p><p>  directionleft向左移動(dòng)</p><p>  right 向右移動(dòng)</p><p>  up向上移動(dòng)</p><p>  down

124、向下移動(dòng)</p><p>  bgcolor英文/十六背景顏色</p><p>  height像素/百分比高度</p><p>  width像素/百分比寬度</p><p>  scrollamount數(shù)字播放的速度</p><p>  vspace

125、像素左右兩側(cè)間距</p><p>  hspace像素上下兩側(cè)間距</p><p>  4 在網(wǎng)頁中加入腳本程序:</p><p>  <script type=”類型” src=”URL”>…</script></p><p><b>  舉例:</b></p

126、><p>  1.alert("歡迎使用JavaScript腳本");</p><p>  var ans=prompt("請輸入你的性別"); if (ans) {</p><p>  alert("您的性別為:"+ans); </p><p><b>  }</

溫馨提示

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

評論

0/150

提交評論