版權(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)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- html標(biāo)記使用的基本概念
- html標(biāo)記
- html字體標(biāo)記
- html徹底剖析(7)表格標(biāo)記
- 超文本標(biāo)記語言(html)大全
- jsp-html標(biāo)記的屬性
- 常用html標(biāo)記及其主要屬性簡介
- 基于HTML標(biāo)記的主題爬行器的設(shè)計(jì)與實(shí)現(xiàn).pdf
- 1.1html的基本概念
- 前段必備的html標(biāo)簽(h5有標(biāo)記)
- html中一些標(biāo)簽的基本應(yīng)用
- html教學(xué)+html語法大全
- html
- 實(shí)驗(yàn)html與靜態(tài)網(wǎng)頁
- 病毒基本形態(tài)與結(jié)構(gòu)
- html標(biāo)簽
- html模版
- html試題
- 助聽器的基本結(jié)構(gòu)與原理
- html教程
評論
0/150
提交評論