當前位置：首頁 » 網站代碼 » 網頁開發代碼

網頁開發代碼

發布時間: 2021-03-07 10:03:25

① 用html如何製作一個簡單的網頁代碼

1、首先，在計算機復桌面上創建一制個新文件夾，然後在該文件夾中創建一個新的文本文檔。

② 一個完整的html代碼怎麼編寫

簡單的htm的編寫過程如下：

先新建一個文本文件，可以自己命名，如下圖，我命名為測試。
測試是否成功，雙擊測試.html，如果出現了下面的內容，恭喜你，你已經學會了最簡單的html編寫。

③ 關於網頁製作代碼

是這樣嗎？

<style>
.menulines{
border:2.5px solid #F0F0F0;
}

.menulines a{
text-decoration:none;
color:black;
}
</style>

<script language="javaScript1.2">

function over_effect(e,state){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menulines")
source4.style.borderStyle=state
else{
while(source4.tagName!="TABLE"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menulines")
source4.style.borderStyle=state
}
}
}

</script>
<table border="0" width="400" cellspacing="0" cellpadding="0" onMouseover="over_effect(event,'outset')" onMouseout="over_effect(event,'solid')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')" style="background-color:#F0F0F0">

<tr><td width="10%" bgcolor="#E6E6E6"><font face="Arial" size="3"><b>菜單</b></font></td>

<td width="10%" class="menulines"><font face="Arial" size="2"><a href="http://www.163.com">網易</a></font></td>

<td width="10%" class="menulines"><font face="Arial" size="2"><a href="http://www.sohu.com">搜狐</a> </font></td>

<td width="10%" class="menulines"><font face="Arial" size="2"><a href="http://www.sina.com.cn">新浪網</a> </font></td>

<td width="10%" class="menulines"><font face="Arial" size="2"><a href="http://www.cctv.com">央視國際</a></font></td>

<td width="10%" class="menulines"><font face="Arial" size="2"><a href="http://www.the9.com">第九城市</a> </font></td></tr>
</table>

④ 急求！！！網頁設計 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：頂端頁邊空白。

⑤ 製作網頁的所有代碼和代碼意思

這個最全 http://ke..com/view/692.htm [編輯本段]HTML規范一、 HTML 頭： 1、針對日文環境： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>yourtitle</title> </head> 2、針對中文環境： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>yourtitle</title> </head> 我們建議的編碼格式是utf-8，它支持多語種，並且可以避免出現亂碼的情況。二、html中javascript的書寫： <head>….. <script type="text/javascript"> <!—…..--> </script> </head> 當然我們不希望你是這樣內嵌教本，而是從一個外部文件進行引用，並且只把它放在文檔的頭部。 <script src="path/to/script.js" language="javascript" type="text/javascript"></script> 三、html中元素的書寫： 1、元素屬性值必須包含在雙引號中； <font color=」#000000」 size=」3」 face=」Arial」> 2、 form 中必須加action屬性，並且不能為空。 <form action=」/r/add.cgi」 method=」post」> 如果不需要使用action屬性，也必須定義： <form action=」no」 > 3、 img的alt屬性不可以缺少； <img src="/q/img/btn_style.gif" border="0" alt="Select」> 4、 head與</head>之間必須有title； <head> …… <title>your title </title> …… </head> 5、 tr、td必須定義在table之間； 6、 button按鈕必須定義在form之間，否則netscape不支持； <form action=」……」 method=」post」> <input type=」button」 name=」but」 value=」back」> </form> 7、在javascript中的字元串中出現的「/」前要用轉義符「\」： <script type=」text/javascript」> <!— function check(str) { var str=」\/r\/add.cgi」; …… } --> </script> 8、 onclick 屬性必須和 onkeypress 成對寫( onmousedown + onkeydown、onmouseup + onkeyup) mm 9、用URL傳值時直接寫&是不可以的，可用&替換：四、縮近規則：中,等必須保持嚴格的縮近規則，以"Tab"鍵為准：五、為了檢驗您的HTML代碼是否合法，您可以到W3的HTML Validator工具中進行檢驗，支持URI輸入，上傳文件和直接輸入代碼三種方式進行檢驗 http://validator.w3.org/ [編輯本段]HTML元素參考手冊（HTML Elements Referencea）表示超鏈接的起始或目的位置。 acronym 表示取首字母的縮寫詞。 address 表示特定信息，如地址、簽名、作者、文檔信息。 applet 在頁面上放置可執行內容。 area 定義一個客戶端圖像映射中一個超級鏈接區域的形狀、坐標和關聯 URL。 b 指定文本應以粗體顯示。（不建議使用） base 指定一個顯式 URL 用於解析對於外部源的鏈接和引用，如圖像和樣式表。 basefont 設置顯示文本時作為默認字體的基礎字體值。（不建議使用） bdo 允許作者為選定文本片斷禁用雙向法則。 bgsound 使頁面能夠帶有背景聲音或配音。 big 指定所含文本要以比當前字體稍大的字體顯示。 blockquote 表示文本中的一段引用語。 body 指明文檔主體的開始和結束。 br 插入一個換行符。 button 指定一個容器，其中所含的 HTML 會被顯示為一個按鈕。 caption 表格的標題，對表格的簡單描述。 center 將指定文本和圖像居中顯示。（不建議使用） cite 用斜體顯示標明引文。（不建議使用） code 表示代碼範例。 col 說明基於列的表格預設屬性。 colgroup 說明表格中一列或一組列的預設屬性。 comment 表示不可見的注釋。防止所包含的文本或者HTML源代碼被瀏覽器解析和顯示。 dd 在定義列表中表示定義。定義通常在定義列表中縮進顯示。 del 表示文本已經從文檔中刪除。 dfn 表示術語的定義。（不建議使用） dir 表示目錄列表。（不建議使用） div 表示一塊可顯示 HTML 的區域 dl 表示定義列表。 dt 在定義列表中表示定義術語。 em 強調文本，通常以斜體顯示。 embed 允許嵌入任何類型的文檔。 fieldset 在欄位集包含的文本和其它元素外面畫一個方框。 font 用於說明所包含文本的新字體、大小和顏色。 form 說明所包含的控制項是某個表單的組成部分。 frame 在FRAMESET 元素內表示單個框架。 frameset 表示一個框架集，用於組織多個框架和嵌套框架集。 head 提供了關於文檔的無序信息集合。 h1-h6 這實際上是6個標簽，他們以標題樣式顯示文本，h1最大，h6最小。 hr 水平線。 html 表明文檔包含 HTML 元素。 i 指定文本應以斜體顯示。（不建議使用） iframe 創建內嵌漂浮框架。 img 在文檔中嵌入圖像或視頻片斷。 input 創建各種表單輸入控制項。 input type=button 創建按鈕控制項。 input type=checkbox 創建復選框控制項。 input type=file 創建文件上載控制項，該控制項帶有一個文本框和一個瀏覽按鈕。 input type=hidden 傳輸關於客戶/伺服器交互的狀態信息。 input type=image 創建一個圖像控制項，該控制項被點擊後將導致表單立即被提交。 input type=password 創建與 INPUT type=text 控制項類似的單行文本輸入控制項，不過並不顯示用戶輸入的內容。 input type=radio 創建單選鈕控制項。 input type=reset 創建一個按鈕，點擊該按鈕後，將重置表單控制項回其初始值。 input type=submit 創建一個按鈕，點擊該按鈕後，即提交表單。 input type=text 創建一個單行的文本輸入控制項。 ins 表示插入到文檔中的文本。 isindex 使瀏覽器顯示一個對話框，提示用戶輸入單行文本。（不建議使用） kbd 以定寬字體顯示文本。（不建議使用） label 為頁面上的其它元素指定標簽。 legend 在fieldSet 對象繪制的方框內插入一個標題。 li 表示列表中的一個項目。 link 允許當前文檔和外部文檔建立連接。 listing 以固定寬度的字體顯示文本。 map 包含客戶端圖像映射的坐標數據。 marqueee 創建一個滾動的文本字幕。（不建議使用） menu 創建一個無序列表。 meta 向伺服器和客戶端傳達關於文檔的隱藏信息。 nobr 不換行顯示文本。 noframes 包含對於那些不支持 FRAMESET 元素的瀏覽器使用的 HTML。 noscript 指定在不支持腳本的瀏覽器中顯示的 HTML。 object 在HTML 頁面中插入對象。 ol 編制排序列表。 optgroup 允許作者對 select 元素中的選項進行邏輯分組。 option 表示SELECT 元素中的一個選項。 p 表示一段。 param 設置APPLET、EMBED 或 OBJECT 元素的屬性初始值。 pre 以固定寬度字體顯示文本。 q 分離文本中的引語。 s 帶刪除線方式顯示文本。（不建議使用） samp 表示代碼範例。 script 指定由腳本引擎解釋的頁面中的腳本。 select 表示一個列表框或者一個下拉框。 small 指定內含文本要以比當前字體稍小的字體顯示。 span 指定內嵌文本容器。 strike 帶刪除線顯示文本。（不建議使用） strong 以粗體顯示文本。 style 指定頁面的樣式表。 sub 說明內含文本要以下標的形式顯示，比當前字體稍小。 sup 說明內含文本要以上標的形式顯示，比當前字體稍小。 table 說明所含內容組織成含有行和列的表格形式。 tbody 指明哪些行作為表格的主體。 td 指定表格中的單元格。 textarea 多行文本輸入控制項。 tfoot 指明哪些行作為表尾。 th 指定標題列。標題列將在單元格中居中並以粗體顯示。 thead 指定哪些行作為表頭。 title 文檔的標題。 tr 指定表格中的一行。 tt 以固定寬度字體顯示文本。（不建議使用） u 帶下劃線顯示文本。（不建議使用） ul 表示不排序的項目列表。 var 定義程序變數，通常以斜體顯示。 wbr 向一塊 NOBR 文本中插入軟換行。

閱讀全文

網頁開發代碼

與網頁開發代碼相關的閱讀推薦