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