① 什麼是HTML代碼 怎麼製作HTML代碼
HTML代碼 是超文本標記語言文本,可以用文本編輯器製作HTML代碼 ,這里以記事本為例。
1、右擊電腦桌面任意空白區域,在展開的菜單中點擊「新建」按鈕,然後點擊「文本文件」按鈕:
② 如何用html製作網頁 源代碼
製作一個網頁起碼要用到HTML、CSS、JavaScript,PHP(ASP)等語言,如果你只是要靜態無裝飾頁面,這就可以了
123456789<!DOCTYPE html><html><head> <title></title></head><body> </body></html>
③ html求製作一個簡單網頁代碼,只需要一些文字加張圖片
具體步驟如下:
④ html代碼
防止別人復制你論壇的N種代碼:
論壇代碼大全{轉自權威網站}
防止別人復制你論壇的N種代碼:
以下內容跟帖回復才能看到
==============================
1.禁止右鍵(也讓別人不能復制您的文件)
<body oncontextmenu=return(false)>
2.禁止選擇
<body >
3.禁止粘貼
<body >
4.禁止直接訪問 [必須框架內才行]
<script>
if (top == self)top.location.href = "page.htm";
</script>
5.禁止frame引用
<script>
if (top != self)top.location.href = "page.htm";
</script>
6.禁止功能鍵Shift,Alt,Ctrl
<script>function key(){
if(event.shiftKey) alert("Shift不允許使用!");} document.onkeydown=key; </script>
7.較強的禁止滑鼠右鍵
<SCRIPT language=JavaScript>
<!--
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu()
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
function norightclick(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3)
return false;
}
else
if (event.button == 2 || event.button == 3)
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
}
document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others
//-->
</SCRIPT>
如何使用html代碼:
(一)插入HTML代碼的方法
1、在設計視圖中插入HTML代碼
(1)方法一:
①復制HTML代碼。
②在DW設計視圖中滑鼠定位在想要插入代碼處,按右鍵\點插入HTML。
③點「編輯菜單\粘貼HTML」。
(2)方法二:
①在DW設計視圖中滑鼠定位在想要插入代碼處,按右鍵\點插入HTML。
②在彈出的「插入HTML<>」窗口中的括弧<>中間輸入代碼。
③要編輯修改代碼,這樣做:右擊標簽\編輯標簽。
2、在代碼視圖中插入HTML代碼
在代碼視圖中的標記<head>和</head>之間或者在標記<body>和</body>之間輸入代碼即可。
【例1】在自己的網頁中插入Google搜索引擎的方法
①登錄網址:www.google.com
②點「google大全」按鈕。
③點「google免費」 按鈕。
④選擇並復制其提供的全部代碼。
⑤在DW設計窗口中滑鼠定位在想要插入google搜索引擎處,按右鍵\點插入HTML。
⑥編輯菜單\粘貼HTML。
【例2】在自己的網頁中插入網路搜索引擎的方法。
①登錄網址:http://www..com
②點「網站登錄」按鈕。
③點「免費搜索代碼」 按鈕。
④選擇並復制其提供的全部代碼。
⑤在DW設計窗口中滑鼠定位在想要插入網路搜索引擎處,按右鍵\點插入HTML。
⑥編輯菜單\粘貼HTML。
【一句話技巧】
1、將原代碼中所有的空格、另起行等去掉,所有代碼緊緊靠在一起,(不會影響代碼的解釋),則網頁代碼的大小可以縮小一半左右。
2、在添加表單時,為了排版方便,一般都把表單建在表格單元格中,原代碼中即為「<td><form>……</form></td>」,如果把<form>和<td>的位置在原代碼中交換一下,變為「<form><td>……</td></form>」,再去瀏覽網頁,表單後多加的一個空行就沒有了,並且更加美觀。
(二)常用的代碼
1、插入音樂視頻的代碼
在網頁中插入播放聲音(如mp3等)、AVI動畫和電影文件(如MPG等)的代碼:
在代碼窗口中的<body>和</body>之間插入以下代碼:
<Embed src="url"width="寬度"height="高度"AUTOSTART="TRUE│false" LOOP="TRUE"></Embed>
【註解】
<EMBED…………………起始標記
SRC="url"……………源文件名
width="450"…………播放器的寬度
height="380"…………播放器的高度
HIDDEN="TRUE"………隱藏方式(對播放聲音文件有用,對播放視頻無用)
AUTOSTART="TRUE"……自動播放
autostart="false"……不自動播放,點擊播放按鈕後才播放。
LOOP="TRUE"…………循環播放
NAME="MySound"………嵌入對象名
</EMBED>………………結束標記
【例3】打開網頁並點擊播放器的播放按鈕後才播放視頻文件kkk.mpg:
<Embed src="kkk.mpg"width="450"height="380" autostart="false" ></Embed>
【技巧】此法對製作課件特別有用,可在網頁當前頁播放視頻動畫。但是,打開網頁時播放器總在網頁的左側,如何定位播放器的位置呢?其實插入此代碼可以在設計視圖中利用層來完成,實現方法是:在DW中的設計視圖,插入層,滑鼠定位於層內,在層內插入代碼(按右鍵\點插入HTML,在彈出的「插入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表示循環次數,若n為-1則表示無限循環。
③網頁文件和音樂文件要在同一文件夾中。
【例5】無限循環播放背景音樂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>
【說明】
①direction屬性:用於設置滾動的方向,取值可以是left、rigth、up或down,分別代表向左、向右、向上或向下滾動。
②behavior屬性:用於設置滾動的方式,scroll表示循環滾動,slide表示只滾動一次,alternate表示來回滾動。
③loop屬性:用於設置滾動的次數。若未指定,對於scroll和alternate滾動方式而言,將一直滾動下去。
④width,height屬性:width用於設置滾動的行程(水平方向滾動)和寬度(垂直方向滾動),height用於設置滾動區域的高度。
⑤scrollamount屬性:用於設置滾動的速度。
⑥scrolldelay屬性:用於設置滾動一次後的延遲時間,單位為毫秒。
⑦bgcolor屬性:用於設置滾動區域的背景顏色。
【例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_jpg/x1.gif"><img
src="gif_jpg/x2.gif"><img src="gif_jpg/x3.gif">
</marquee>
【例9】在網頁中插入表格式(2行1列)並創建超鏈接的向上滾動文本,運行效果是: 友情鏈接
清華大學出版社
新思維計算機學校
天極網
實現的HTML代碼如下:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; 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 style="LINE-HEIGHT:18pt" 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="http://www.tup.tsinghua.e.cn" target='_blank'>清華大學出版社</a><br>
<a href="http://www.pcnete.com" target='_blank'>新思維計算機學校</a><br>
<a href="http://www.yesky.com" target='_blank'>天極網</a>
</marquee>
</td></tr> ……………………………………表格第2行結束
</table>
</body>
</html>
4、設置頁面左邊距,上邊距的代碼
設置頁面的左邊距和上邊距,可使頁面元素緊靠邊線,避免「留空」影響美觀。其代碼是:
<body leftmargin=頁面左邊距的值 topmargin=頁面上邊距的值></body>
【例10】將頁面左邊距設為0,上邊距設為0。只需在頁面插入如下代碼:
<body leftmargin=0 topmargin=0></body>
5、從其他網站的網頁上獲取代碼,並將其插入到自己的網頁。
1、獲取代碼:打開其他網頁,點擊「查看」菜單下的「源文件」或者右擊網頁中的對象再點擊「查看源文件」。即可看到網頁的源代碼,在出現的記事本中查找到標記對<script>和</script>以及標記對之間的所需內容。並將他們一起復制到剪貼板。
2、將代碼插入到自己的網頁:編輯自己的網頁,在代碼視圖中的</head>和</head>之間粘貼入代碼。
【例11】將http://xky.nease.net/index.htm上的日歷代碼插入到自己網頁中。
①登錄網站http://xky.nease.net/index.htm,右擊網頁上的日歷\查看源文件。
②在出現的記事本中查找到標記對<script>和</script>以及標記對之間所包含的日歷內容。
③將標記對<script>和</script>以及標記對之間所包含的日歷內容一起復制到剪貼板。
④編輯自己的網頁,在代碼視圖中的</head>和</head>之間粘貼入代碼。
6、消去超級鏈接下劃線的代碼
把以下的STYLE放在HEAD中間
<style>
a{text-decoration:none}
</style>
暈死
⑤ 急求!!!網頁設計 HTML代碼大全
HTML標記_HTML大全_HTML標記大全_超文本標記語言
網頁(WebPage)文件主要是用超文本標記語言(HyperText Markup Language,簡稱HTML)語句來寫成。您可以通過IE瀏覽器的「查看」菜單中的「源文件」看到該頁的HTML代碼。HTML語言由一系列元素(element)組成,用於組織文件的內容和指導文件的輸出格式。元素名稱不分大小寫。一個元素可以有多個屬性,屬性及其屬性值不分大小寫。屬性名=屬性值合起來構成一個完整的屬性,一個元素可以有多個屬性,各個屬性用空格分開。元素又由標記(tag)的構成,大多數標記是成對出現的,分起始標記< >(start tag)和結尾標記</ >(end tag),以便和頁面的內容區分開來。其寫成的文件是標準的ASCII文件,不同於一般的編程語言,故稱為腳本(Script)更准確一點。其實也很簡單,特別是在專門的HTML編輯器的幫助下,您可以迅速地學會HTML,並能很快寫出有自己特色的Homepage來。
需要說明的是:各種瀏覽器對html元素及其屬性的解釋不完全一樣,如NC與IE是有區別的。
標 簽 內 容 備 注
基 本 標 簽 所有HTML文件都有的
<html>……</html> 表示文件類型為HTML文檔
<head>……</head> 設置文檔描述及其他不在WEB網頁上顯示的信息
<body>……</body> HTML文檔的主體(頁面的實際內容)
標 題 標 簽
<title>……</title> 在標題欄中顯示的題目(放在<head></head>內)
擴 展 屬 性 標 簽
<base>
基址標簽,為解決相對編址作參考值
<META>
將HTTP命令發給CONTENT=number;url允許,描述不包含在標准HTML里的文檔信息。使用詳解
<link>
提供將現行文檔與其它文檔或實體關聯起來的信息
<ISINDEX> 指明在伺服器上提供文檔的可以檢索的索引
<style>……</style> 允許包含樣式表(CSS)信息
頁 面 屬 性 標 簽 <body>……</body>標簽的擴展屬性。使用詳解
<body bgcolor=#……> 設置背景顏色,用名字或十六進制值
<body text=#……> 設置文本文字顏色,用名字或十六進制值
<body link=#……> 設置鏈接顏色,用名字或十六進制值
<body vlink=#……> 設置已使用的鏈接的顏色,用名字或十六進制值
<body alink=#……> 設置正在被擊中鏈接的顏色,用名字或十六進制值
文 本 標 簽
<pre>……</pre> 創建預格式化文本
<h1>……</h1> 創建最大的標題
<h6>……</h6> 創建最小的標題
<b>……</b> 創建黑體字
<i>……</i> 創建斜體字
<tt>……</tt> 創建打字機風格的字體
<cite>……</cite> 創建一個引用,通常是斜體
<em>……</em> 加重(通常是斜體加黑體)
<strong>……</strong> 強調(通常是斜體加黑體)
<font size=value></font> 設置字體大小,從1到7
<font color=……></font> 設置字體的顏色,使用名字或十六進制值
鏈 接
<a href="/URL"></a> 創建一個超鏈接
<a href="mailto:EMAIL"> </a> 創建一個自動發送電子郵件的鏈接
<a name="NAME"></a> 創建一個位於文檔內部的靶位
<a href="#NAME"></a> 創建一個指向位於文檔內部靶位的鏈接
格 式 排 版
<p> 創建一個新的段落
<p align=……> 將段落按左、中、右對齊
<br> 插入一個回車換行符
<blockquote>……</blockquote> 從兩邊縮進文本
<dl>……</dl> 創建一個定義列表
<dt> 放在每個定義術語詞之前
<dd> 放在每個定義之前
<ol>……</ol> 創建一個標有數字的列表
<li> 放在每個數字列表項之前,並加上一個數字
<ul>……</ul> 創建一個標有圓點的列表
<li> 放在每個圓點列表項之前,並加上一個圓點
<div align=……> 一個用來排版大塊HTML段落的標簽,也用於格式化表
圖 形 元 素
<img src="/name"> 添加一個圖像
<img src="/name" align=value> 排列對齊一個圖像:左中右或上中下
<img src="/name" border=value> 設置圍繞一個圖像的邊框的大小
<hr> 加入一條水平線
<hr size=value> 設置水平線的大小(高度)
<hr width=value> 設置水平線的寬度(百分比或絕對像素點)
<hr noshade> 創建一個沒有陰影的水平線
表 格
<table>……</table> 創建一個表格
<tr>……</tr> 開始表格中的每一行
<td>……</td> 開始一行中的每一個格子
<th>……</th> 設置表格頭:一個通常使用黑體居中文字的格子
表 格 屬 性
<table border=value> 設置圍繞表格的邊框的寬度
<table cellspacing=value> 設置表格格子之間空間的大小
<table cellpadding=value> 設置表格格子邊框與其內部內容之間空間的大小
<table width=value 或 %> 設置表格的寬度-用絕對像素值或文檔總寬度的百分比
<tr align=……> 設置表格格子的水平對齊(左中右)
<tr valign=……> 設置表格格子的垂直對齊(上中下)
<td colspan=value> 設置一個表格格子應跨占的列數(預設為1)
<td rowspan=value> 設置一個表格格子應跨占的行數(預設為1)
<td nowrap> 禁止表格格子內的內容自動斷行回卷
窗 框
<frameset>……</frameset> 放在一個窗框文檔的<body>標簽之前,也可以嵌在其他窗框文檔中
<frameset rows="value,value"> 定義一個窗框內的行數,可以使用絕對像素值或高度的百分比
<frameset cols="value,value"> 定義一個窗框內的列數,可以使用絕對像素值或寬度的百分比
<frame> 定義一個窗框內的單一窗或窗區域
<noframes>……</noframes> 定義在不支持窗框的瀏覽器中顯示什麼提示
窗 框 屬 性
<frame src="/URL"> 規定窗框內顯示什麼HTML文檔
<frame name="name"> 命名窗框或區域以便別的窗框可以指向它
<frame marginwidth=value> 定義窗框左右邊緣的空白大小,必須大於等於1
<frame marginheight=value> 定義窗框上下邊緣的空白大小,必須大於等於1
<frame scrolling=value> 設置窗框是否有滾動欄,其值可以是"yes","no","auto",預設時一般為"auto"
<frame noresize> 禁止用戶調整一個窗框的大小
表 單 對於功能性的表單,一般需要運行一個CGI小程序,HTML僅僅是產生表單的表面樣子。
<form>……</form> 創建所有表單
<select multiple name="NAME" size=value>………</select> 創建一個滾動菜單,size設置在需要滾動前可以看到的表單項數目
<option> 設置每個表單項的內容
<select name="NAME">……</select> 創建一個下拉菜單
<textarea name="NAME" cols=value rows=value>……</textarea> 創建一個文本框區域,列的數目設置寬度,行的數目設置高度
<input type="checkbox" name="NAME"> 創建一個復選框,文字在標簽後面
<input type="radio" name="NAME" value="x"> 創建一個單選框,文字在標簽後面
<input type=text name="……" size=value> 創建一個單行文本輸入區域,size設置以字元計的寬度
<input type="submit" value="NAME"> 創建一個submit(提交)按鈕
<input type="image" border=0 name="NAME" src="/name.gif"> 創建一個使用圖象的submit(提交)按鈕
<input type="reset"> 創建一個reset(重置)按鈕
附 加 屬 性
<PRE>……</PRE> 預置格式風格標簽用來顯示字體寬度固定的文本塊,主要用來在表格格式中顯示文本
<TT>……</TT> 打字機風格用來顯示打字機字體寬度固定的文本
<SAMP>……</SAMP> 示例風格以單倍距顯示文本
<ADDRESS>……</ADDRESS> 地址風格一般用於文檔的開始或結尾處,並以斜體格式顯示文本。
<DL>……</DL> 定義列表風格用來顯示術語及其定義
顏色
#=rrggbb 16 進制 RGB 數值,或者是下列預定義色彩:
Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本頁首部]
META標簽
描述不包含在標准HTML里的文檔信息。
<META NAME="keywords" CONTENT="yourkeyword">
<META NAME="description" CONTENT="your homepage's description">
本頁的關鍵字和描述。在頁面里加上這些定義後,一些搜索引擎就能夠讓讀者根據這些關鍵字搜索到您的主頁,了解你的主頁內容。
<META HTTP-EQUIV="refresh" CONTENT="30, URL=new.htm">
瀏覽器將在30秒後,自動轉到new.htm。您可用它製作一個封面,在若干時間後,自動帶讀者來到您的目錄頁。如果URL項沒有,瀏覽器就是刷新本頁。這就是WWW聊天室定期刷新的實現原理。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
描述本頁使用的語言。瀏覽器根據此項,就可以選擇正確的語言編碼,而不需要讀者自己在瀏覽器里選擇。GB2312是指簡體中文,而台灣BIG5內碼的主頁則是用BIG5。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
強制性調用網上的最新版本。瀏覽器為節約時間,在本地硬碟上保存一個臨時文件。在重新調用時,便直接顯示那個臨時文件。如果您想讓讀者每次都看到最新的版本,可加上句。[返回本頁首部]
LINK
顯示本文檔和其他文檔之間的連接關系。一個最有用的應用就是外部層疊樣式表的定位。格式如下:
<LINK REL="stylesheet" href="/style.css">REL參數說明兩個文檔之間的關系,HREF說明目標文檔名。關於層疊樣式表,將在後面的課程中詳述。[返回本頁首部]
BASE
本文檔的原始地址。語法:<BASE HREF="原始地址">當讀者下載您的文檔後,由此可以知道是從哪裡下載的。[返回本頁首部]
BODY
BODY標記有一些屬性,用於定義頁面內的顯示效果。 ALINK、LINK、TEXT、VLINK—— 文字的顏色。
ALINK:當前激活的連接的文字顏色。
LINK:連接的文字顏色。
TEXT:文字的顏色。
VLINK:參觀過的文字顏色。
注意:文字的顏色要和背景色有明顯的差別,以便讀者瀏覽。
BACKGROUND、BGPROPERTIES、BGCOLOR——頁面的背景部分。
BACKGROUND:背景圖案,該圖案在頁面內平鋪。背景圖案應保持單一色調,以保證頁面文字易於閱讀。
BGPROPERTIES:設置成FIXED,則背景圖案不滾動。(只對INTERNET EXPLORER有效)
BGCOLOR:背景色。
注意:如果你的背景圖案是深色調,因之文字顏色為淡顏色,那麼由於瀏覽器調用頁面的順序是「背景色-文字-背景圖案」,那麼在背景圖案沒有顯示的情況下,你的文字在白顏色下很難閱讀,所以應該選用一個跟你的背景圖案顏色一致的背景色。
LEFTMARGIN、TOPMARGIN——頁邊空白。(只對INTERNET EXPLORER有效)
LEFTMARGIN:左邊頁邊空白。
TOPMARGIN:頂端頁邊空白。
⑥ 網頁製作怎麼加MP4,用HTML代碼
隨著HTML5的推出,視頻標簽與現代瀏覽器很好的支持很快傳播出去。視頻標簽用於視頻添加到HTML頁面。 目前最大的 HTML5視頻標簽, 支持3種類型的視頻文件:
mp4 - MIME-type video/mp4
webm - MIME-type video/webm
ogg - MIME-type video/ogg