2人贊同了該回答
? 分類: 電腦/網(wǎng)絡(luò) >>程序設(shè)計(jì) >>其他編程語(yǔ)言
解析:
插入HTML十四、在中插入HTML代碼
?。ㄒ唬┎迦際TML代碼的方法
1、在設(shè)計(jì)視圖中插入HTML代碼
?。?）方法一：
①?gòu)?fù)制HTML代碼。
?、谠贒W設(shè)計(jì)視圖中鼠標(biāo)定位在想要插入代碼處，按右鍵點(diǎn)插入HTML。
③點(diǎn)“編輯菜單粘貼HTML”。
?。?）方法二：
①在DW設(shè)計(jì)視圖中鼠標(biāo)定位在想要插入代碼處，按右鍵點(diǎn)插入HTML。
?、谠赿出的“插入HTML<>”窗口中的括號(hào)<>中間輸入代碼。
?、垡庉嬓薷拇a，這樣做：右擊標(biāo)簽編輯標(biāo)簽。
2、在代碼視圖中插入HTML代碼
在代碼視圖中的標(biāo)記<head>和</head>之間或者在標(biāo)記<body>和</body>之間輸入代碼即可。
【例1】在網(wǎng)頁(yè)中插入Google搜索引擎的方法
?、俚卿浘W(wǎng)址：google
?、邳c(diǎn)“google大全”按鈕。
?、埸c(diǎn)“google免費(fèi)” 按鈕。
?、苓x擇并復(fù)制其提供的全部代碼。
?、菰贒W設(shè)計(jì)窗口中鼠標(biāo)定位在想要插入google搜索引擎處，按右鍵點(diǎn)插入HTML。
?、蘧庉嫴藛握迟NHTML。
【例2】在自己的網(wǎng)頁(yè)中插入百度搜索引擎的方法。
?、俚卿浘W(wǎng)址：baidu
?、邳c(diǎn)“網(wǎng)站登錄”按鈕。
?、埸c(diǎn)“免費(fèi)搜索代碼” 按鈕。
?、苓x擇并復(fù)制其提供的全部代碼。
⑤在DW設(shè)計(jì)窗口中鼠標(biāo)定位在想要插入百度搜索引擎處，按右鍵點(diǎn)插入HTML。
?、蘧庉嫴藛握迟NHTML。
【一句話技巧】
1、將原代碼中所有的空格、另起行等去掉，所有代碼緊緊靠在一起，（不會(huì)影響代碼的解釋），則網(wǎng)頁(yè)代碼的大小可以縮小一半左右。
2、在添加表單時(shí)，為了排版方便，一般都把表單建在表格單元格中，原代碼中即為“<td><form>……</form></td>”，如果把<form>和<td>的位置在原代碼中交換一下，變?yōu)椤?ltform><td>……</td></form>”，再去瀏覽網(wǎng)頁(yè)，表單后多加的一個(gè)空行就沒有了，并且更加美觀。
?。ǘ┏Ｓ玫拇a
1、插入音樂視頻的代碼
在網(wǎng)頁(yè)中插入播放聲音（如mp3等）、AVI動(dòng)畫和電影文件（如MPG等）的代碼：
在代碼窗口中的<body>和</body>之間插入以下代碼：
<Embed src=urlwidth="寬度"height="高度"AUTOSTART="TRUE│false" LOOP="TRUE"></Embed>
【注解】
<EMBED…………………起始標(biāo)記
SRC="url"……………源文件名
width="450"…………播放器的寬度
height="380"…………播放器的高度
HIDDEN="TRUE"………隱藏方式（對(duì)播放聲音文件有用，對(duì)播放視頻無用）
AUTOSTART="TRUE"……自動(dòng)播放
autostart="false"……不自動(dòng)播放，點(diǎn)擊播放按鈕后才播放。
LOOP="TRUE"…………循環(huán)播放
NAME="MySound"………嵌入對(duì)象名
</EMBED>………………結(jié)束標(biāo)記
【例3】打開網(wǎng)頁(yè)并點(diǎn)擊播放器的播放按鈕后才播放視頻文件kkk.mpg：
<Embed src=kkk.mpgwidth="450"height="380" autostart="false" ></Embed>
【技巧】此法對(duì)制作課件特別有用，可在網(wǎng)頁(yè)當(dāng)前頁(yè)播放視頻動(dòng)畫。但是，打開網(wǎng)頁(yè)時(shí)播放器總在網(wǎng)頁(yè)的左側(cè)，如何定位播放器的位置呢？其實(shí)插入此代碼可以在設(shè)計(jì)視圖中利用層來完成，實(shí)現(xiàn)方法是：在DW中的設(shè)計(jì)視圖，插入層，鼠標(biāo)定位于層內(nèi)，在層內(nèi)插入代碼（按右鍵點(diǎn)插入HTML，在d出的“插入HTML<>”窗口中的括號(hào)<>中間輸入代碼。如果要編輯修改代碼，這樣做：右擊標(biāo)簽編輯標(biāo)簽。）。通過移動(dòng)層就可以準(zhǔn)確定位播放器的位置了。
【視頻格式轉(zhuǎn)換】用超級(jí)解霸或會(huì)聲會(huì)影可將VCD中的某個(gè)視頻文件(.DAT)轉(zhuǎn)換為視頻文件(.mpg)。
【例4】打開網(wǎng)頁(yè)后自動(dòng)播放（就象背景音樂）聲音文件mlh.mp3：
<Embed src=mlh.mp3 HIDDEN="TRUE" AUTOSTART="TRUE"></Embed>
2、插入播放背景音樂（wav、midi、mp3）的代碼
只要在代碼窗口中的<head>和</head>標(biāo)簽之間以下代碼即可：
<bgsound src=Music File Name loop=n>
【注】①M(fèi)usic File Name是背景音樂文件名，其格式可以是：.mid，.mp3，.wav，.wma，.rmi。
②n表示循環(huán)次數(shù)，若n為－1則表示無限循環(huán)。
③網(wǎng)頁(yè)文件和音樂文件要在同一文件夾中。
【例5】無限循環(huán)播放背景音樂mlh.mp3：
<bgsound src=mlh.mp3 loop="-1">
3、插入滾動(dòng)文本的代碼
在代碼窗口中的<body>和</body>之間插入滾動(dòng)文本的代碼：
<marquee direction=left│rigth│up│down behavior＝scroll│slide│alternate loop=n
width=寬度 height=高度 scrollamount=滾動(dòng)速度 scrolldelay=滾動(dòng)延遲時(shí)間 bgcolor=背景顏色>
要滾動(dòng)的文本或圖像
</marquee>
【說明】
?、賒irection屬性：用于設(shè)置滾動(dòng)的方向，取值可以是left、rigth、up或down，分別代表向左、向右、向上或向下滾動(dòng)。
?、赽ehavior屬性：用于設(shè)置滾動(dòng)的方式，scroll表示循環(huán)滾動(dòng)，slide表示只滾動(dòng)一次，alternate表示來回滾動(dòng)。
?、踠oop屬性：用于設(shè)置滾動(dòng)的次數(shù)。若未指定，對(duì)于scroll和alternate滾動(dòng)方式而言，將一直滾動(dòng)下去。
?、躻idth，height屬性：width用于設(shè)置滾動(dòng)的行程（水平方向滾動(dòng)）和寬度（垂直方向滾動(dòng)），height用于設(shè)置滾動(dòng)區(qū)域的高度。
?、輘crollamount屬性：用于設(shè)置滾動(dòng)的速度。
?、辳crolldelay屬性：用于設(shè)置滾動(dòng)一次后的延遲時(shí)間，單位為毫秒。
?、遙gcolor屬性：用于設(shè)置滾動(dòng)區(qū)域的背景顏色。
【例6】插入向上向上滾動(dòng)的文本。
<marquee direction=up height=100 width=95% scrollamount=1 scrolldelay=20 >
<p><font color="red">本站新聞</font></p>
本網(wǎng)站今日試開通，有些功能還不太完善。請(qǐng)大家批評(píng)指正，謝謝?。?</marquee>
注：以上分別是代碼，只要在網(wǎng)頁(yè)中插入這些代碼即可。其中direction=up表示滾動(dòng)方向（向上），
height=100表示滾動(dòng)的單元格高度（100），width="95%"表示滾動(dòng)新聞?wù)紗卧駥挾鹊陌俜直?，scrollamount=1表示每次滾動(dòng)的象素?cái)?shù)（1個(gè)象素），scrolldelay=20表示滾動(dòng)間隔時(shí)間（每20毫秒滾動(dòng)一次）。
【例7】插入向左的滾動(dòng)文本。
<marquee direction=left behavior＝alternate width=90% height=20 scrollamount=1
scrolldelay=5 bgcolor=#eeffee>
歡迎光臨本網(wǎng)站——祝你早日成為大蝦!</marquee>
【例8】插入向左滾動(dòng)的圖像
<marquee direction=left behavior＝alternate width=90% height=20 scrollamount=2
scrolldelay=5 bgcolor=#eeffee><img src=gif_/x1.gif><img
src="gif_/x2.gif"><img src=gif_/x3.gif>
</marquee>
【例9】在網(wǎng)頁(yè)中插入表格式（2行1列）并創(chuàng)建超鏈接的向上滾動(dòng)文本，運(yùn)行效果是： 友情鏈接
清華大學(xué)出版社
新思維計(jì)算機(jī)學(xué)校
天極網(wǎng)
實(shí)現(xiàn)的HTML代碼如下：
<>
<head>
<title>Untitled Document</title>
<meta -equiv="Content-Type" content="text/charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width=176 border=1 cellspacing="0" cellpadding="0" bgcolor="#339999"
bordercolor="#339999" align=center>
<tr><td height=17><font color="#FFFFFF"><center>
友情鏈接</center></font></td></tr>……表格第1行
<tr class="page_speeder_1637690124" bgcolor="#eeffee">……行間距，表格第2行開始
<td height=140>
<marquee scrollamount='1' scrolldelay='50' direction='up' width='176'
height='140' onMouseOver='this.stop()' onMouseOut='this.start()'>
<a href="tup.tsinghua.edu" target='_blank'>清華大學(xué)出版社</a><br>
<a href="pcedu" target='_blank'>新思維計(jì)算機(jī)學(xué)校</a><br>
<a href="yesky" target='_blank'>天極網(wǎng)</a>
</marquee>
</td></tr>……………………………………表格第2行結(jié)束
</table>
</body>
</>
4、設(shè)置頁(yè)面左邊距，上邊距的代碼
設(shè)置頁(yè)面的左邊距和上邊距，可使頁(yè)面元素緊靠邊線，避免“留空”影響美觀。其代碼是：
<body leftmargin=頁(yè)面左邊距的值 topmargin=頁(yè)面上邊距的值></body>
【例10】將頁(yè)面左邊距設(shè)為0，上邊距設(shè)為0。只需在頁(yè)面插入如下代碼：
<body leftmargin=0 topmargin=0></body>
5、從其他網(wǎng)站的網(wǎng)頁(yè)上獲取代碼，并將其插入到自己的網(wǎng)頁(yè)。
1、獲取代碼：打開其他網(wǎng)頁(yè)，點(diǎn)擊“查看”菜單下的“源文件”或者右擊網(wǎng)頁(yè)中的對(duì)象再點(diǎn)擊“查看源文件”。即可看到網(wǎng)頁(yè)的源代碼，在出現(xiàn)的記事本中查找到標(biāo)記對(duì)<script>和</script>以及標(biāo)記對(duì)之間的所需內(nèi)容。并將他們一起復(fù)制到剪貼板。
2、將代碼插入到自己的網(wǎng)頁(yè)：編輯自己的網(wǎng)頁(yè)，在代碼視圖中的</head>和</head>之間粘貼入代碼。
【例11】將xky.nease/index上的日歷代碼插入到自己網(wǎng)頁(yè)中。
?、俚卿浘W(wǎng)站xky.nease/index，右擊網(wǎng)頁(yè)上的日歷查看源文件。
?、谠诔霈F(xiàn)的記事本中查找到標(biāo)記對(duì)<script>和</script>以及標(biāo)記對(duì)之間所包含的日歷內(nèi)容。
?、蹖?biāo)記對(duì)<script>和</script>以及標(biāo)記對(duì)之間所包含的日歷內(nèi)容一起復(fù)制到剪貼板。
?、芫庉嬜约旱木W(wǎng)頁(yè)，在代碼視圖中的</head>和</head>之間粘貼入代碼。
6、消去超級(jí)鏈接下劃線的代碼
把以下的STYLE放在HEAD中間
<style>
a{text-decoration:none}
</style>
1、打開Sublime text3，新建一個(gè)HTML文檔，并且建立好框架。
2、輸入代碼：
<table>
<tr>
<td>Student</td>
<td><input type="text" name="student"></td>
</tr>
<tr>
<td>Height</td>
<td><input type="text" name="height"></td>
</tr>
<tr>
<td colspan=2>
<input type="button"?name="add" value="add">
</td>
</tr>
</table>
設(shè)立兩行文本輸入框，并且提示可以增加的按鈕。
3、<table?id="mainTable">
為標(biāo)簽加上id方便定位。
4、加上監(jiān)聽事件的函數(shù)。
onclick="adding()"
然后連接js文檔。
<script src="test.js"></script>
5、function?adding(){
var table = document.getElementById("mainTable")
var addTr = table.insertRow(2)
}
創(chuàng)建函數(shù)，然后設(shè)定兩個(gè)變量。一個(gè)用于定位標(biāo)簽位置，另一個(gè)增加行數(shù)在第二行。測(cè)試一下，多次點(diǎn)擊確實(shí)會(huì)往下移動(dòng)。
6、var addTd = addTr.insertCell()
addTd.innerHTML = "新增"
除了要增加tr還要增加td，并且增加文本提示。
7、稍微修改一下變量名字。再增加文本輸入框。
function adding(){
var table = document.getElementById("mainTable")
var addTr = table.insertRow(2)
var td1 = addTr.insertCell()
td1.innerHTML = "新增"
var td2 = addTr.insertCell()
td2.innerHTML = "<input type='text 'name='newnew' >"
}
發(fā)布于2023-05-15
關(guān)注問題
