IDC知識庫
IDC領(lǐng)域?qū)I(yè)知識百科平臺

網(wǎng)頁制作代碼大全

網(wǎng)頁制作代碼大全,基 本 標 簽 所有HTML文件都有的:
<html>……</html> 表示文件類型為HTML文檔
<head>……</head> 設置文檔描述及其他不在WEB網(wǎng)頁上顯示的信息
<body>……</body> HTML文檔的主體(頁面的實際內(nèi)容)
標 題 標 簽
<title>……</title> 在標題欄中顯示的題目(放在<head></head>內(nèi))
擴 展 屬 性 標 簽
<base>
基址標簽,為解決相對編址作參考值
<META>
將HTTP命令發(fā)給CONTENT=number;url允許,描述不包含在標準HTML里的文檔信息。使用詳解
<link>
提供將現(xiàn)行文檔與其它文檔或?qū)嶓w關(guān)聯(lián)起來的信息
<ISINDEX> 指明在服務器上提供文檔的可以檢索的索引
<style>……</style> 允許包含樣式表(CSS)信息
頁 面 屬 性 標 簽 <body>……</body>標簽的擴展屬性。使用詳解
<body bgcolor=#……> 設置背景顏色,用名字或十六進制值
<body text=#……> 設置文本文字顏色,用名字或十六進制值
<body link=#……> 設置鏈接顏色,用名字或十六進制值
<body vlink=#……> 設置已使用的鏈接的顏色,用名字或十六進制值
<body alink=#……> 設置正在被擊中鏈接的顏色,用名字或十六進制值
文 本 標 簽
<pre>……</pre> 創(chuàng)建預格式化文本
<h1>……</h1> 創(chuàng)建最大的標題
<h6>……</h6> 創(chuàng)建最小的標題
<b>……</b> 創(chuàng)建黑體字
<i>……</i> 創(chuàng)建斜體字
<tt>……</tt> 創(chuàng)建打字機風格的字體
<cite>……</cite> 創(chuàng)建一個引用,通常是斜體
<em>……</em> 加重(通常是斜體加黑體)
<strong>……</strong> 強調(diào)(通常是斜體加黑體)
<font size=value></font> 設置字體大小,從1到7
<font color=……></font> 設置字體的顏色,使用名字或十六進制值
鏈 接
<a href=”/URL”></a> 創(chuàng)建一個超鏈接
<a href=”mailto:EMAIL”> </a> 創(chuàng)建一個自動發(fā)送電子郵件的鏈接
<a name=”NAME”></a> 創(chuàng)建一個位于文檔內(nèi)部的靶位
<a href=”#NAME”></a> 創(chuàng)建一個指向位于文檔內(nèi)部靶位的鏈接
格 式 排 版
<p> 創(chuàng)建一個新的段落
<p align=……> 將段落按左、中、右對齊
<br> 插入一個回車換行符
<blockquote>……</blockquote> 從兩邊縮進文本
<dl>……</dl> 創(chuàng)建一個定義列表
<dt> 放在每個定義術(shù)語詞之前
<dd> 放在每個定義之前
<ol>……</ol> 創(chuàng)建一個標有數(shù)字的列表
<li> 放在每個數(shù)字列表項之前,并加上一個數(shù)字
<ul>……</ul> 創(chuàng)建一個標有圓點的列表
<li> 放在每個圓點列表項之前,并加上一個圓點
<div align=……> 一個用來排版大塊HTML段落的標簽,也用于格式化表
圖 形 元 素
<img src=”/name”> 添加一個圖像
<img src=”/name” align=value> 排列對齊一個圖像:左中右或上中下
<img src=”/name” border=value> 設置圍繞一個圖像的邊框的大小
<hr> 加入一條水平線
<hr size=value> 設置水平線的大?。ǜ叨龋?br /> <hr width=value> 設置水平線的寬度(百分比或絕對像素點)
<hr noshade> 創(chuàng)建一個沒有陰影的水平線
表 格
<table>……</table> 創(chuàng)建一個表格
<tr>……</tr> 開始表格中的每一行
<td>……</td> 開始一行中的每一個格子
<th>……</th> 設置表格頭:一個通常使用黑體居中文字的格子

表 格 屬 性
<table border=value> 設置圍繞表格的邊框的寬度
<table cellspacing=value> 設置表格格子之間空間的大小
<table cellpadding=value> 設置表格格子邊框與其內(nèi)部內(nèi)容之間空間的大小
<table width=value 或 %> 設置表格的寬度-用絕對像素值或文檔總寬度的百分比
<tr align=……> 設置表格格子的水平對齊(左中右)
<tr valign=……> 設置表格格子的垂直對齊(上中下)
<td colspan=value> 設置一個表格格子應跨占的列數(shù)(缺省為1)
<td rowspan=value> 設置一個表格格子應跨占的行數(shù)(缺省為1)
<td nowrap> 禁止表格格子內(nèi)的內(nèi)容自動斷行回卷
窗 框
<frameset>……</frameset> 放在一個窗框文檔的<body>標簽之前,也可以嵌在其他窗框文檔中
<frameset rows=”value,value”> 定義一個窗框內(nèi)的行數(shù),可以使用絕對像素值或高度的百分比
<frameset cols=”value,value”> 定義一個窗框內(nèi)的列數(shù),可以使用絕對像素值或?qū)挾鹊陌俜直?br /> <frame> 定義一個窗框內(nèi)的單一窗或窗區(qū)域
<noframes>……</noframes> 定義在不支持窗框的瀏覽器中顯示什么提示
窗 框 屬 性
<frame src=”/URL”> 規(guī)定窗框內(nèi)顯示什么HTML文檔
<frame name=”name”> 命名窗框或區(qū)域以便別的窗框可以指向它
<frame marginwidth=value> 定義窗框左右邊緣的空白大小,必須大于等于1
<frame marginheight=value> 定義窗框上下邊緣的空白大小,必須大于等于1
<frame scrolling=value> 設置窗框是否有滾動欄,其值可以是”yes”,”no”,”auto”,缺省時一般為”auto”
<frame noresize> 禁止用戶調(diào)整一個窗框的大小
表 單 對于功能性的表單,一般需要運行一個CGI小程序,HTML僅僅是產(chǎn)生表單的表面樣子。
<form>……</form> 創(chuàng)建所有表單
<select multiple name=”NAME” size=value>………</select> 創(chuàng)建一個滾動菜單,size設置在需要滾動前可以看到的表單項數(shù)目
<option> 設置每個表單項的內(nèi)容
<select name=”NAME”>……</select> 創(chuàng)建一個下拉菜單
<textarea name=”NAME” cols=value rows=value>……</textarea> 創(chuàng)建一個文本框區(qū)域,列的數(shù)目設置寬度,行的數(shù)目設置高度
<input type=”checkbox” name=”NAME”> 創(chuàng)建一個復選框,文字在標簽后面
<input type=”radio” name=”NAME” value=”x”> 創(chuàng)建一個單選框,文字在標簽后面
<input type=text name=”……” size=value> 創(chuàng)建一個單行文本輸入?yún)^(qū)域,size設置以字符計的寬度
<input type=”submit” value=”NAME”> 創(chuàng)建一個submit(提交)按鈕
<input type=”image” border=0 name=”NAME” src=”/name.gif”> 創(chuàng)建一個使用圖象的submit(提交)按鈕
<input type=”reset”> 創(chuàng)建一個reset(重置)按鈕
附 加 屬 性
<PRE>……</PRE> 預置格式風格標簽用來顯示字體寬度固定的文本塊,主要用來在表格格式中顯示文本
<TT>……</TT> 打字機風格用來顯示打字機字體寬度固定的文本
<SAMP>……</SAMP> 示例風格以單倍距顯示文本
<ADDRESS>……</ADDRESS> 地址風格一般用于文檔的開始或結(jié)尾處,并以斜體格式顯示文本。
<DL>……</DL> 定義列表風格用來顯示術(shù)語及其定義

顏色
#=rrggbb 16 進制 RGB 數(shù)值,或者是下列預定義色彩:
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”>
本頁的關(guān)鍵字和描述。在頁面里加上這些定義后,一些搜索引擎就能夠讓讀者根據(jù)這些關(guān)鍵字搜索到您的主頁,了解你的主頁內(nèi)容。
<META HTTP-EQUIV=”refresh” CONTENT=”30, URL=new.htm”>
瀏覽器將在30秒后,自動轉(zhuǎn)到new.htm。您可用它制作一個封面,在若干時間后,自動帶讀者來到您的目錄頁。如果URL項沒有,瀏覽器就是刷新本頁。這就是WWW聊天室定期刷新的實現(xiàn)原理。
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
描述本頁使用的語言。瀏覽器根據(jù)此項,就可以選擇正確的語言編碼,而不需要讀者自己在瀏覽器里選擇。GB2312是指簡體中文,而臺灣BIG5內(nèi)碼的主頁則是用BIG5。
<META HTTP-EQUIV=”Pragma” CONTENT=”no-cache”>
強制性調(diào)用網(wǎng)上的最新版本。瀏覽器為節(jié)約時間,在本地硬盤上保存一個臨時文件。在重新調(diào)用時,便直接顯示那個臨時文件。如果您想讓讀者每次都看到最新的版本,可加上句。[返回本頁首部]
LINK
顯示本文檔和其他文檔之間的連接關(guān)系。一個最有用的應用就是外部層疊樣式表的定位。格式如下:
<LINK REL=”stylesheet” href=”/style.css”>REL參數(shù)說明兩個文檔之間的關(guān)系,HREF說明目標文檔名。關(guān)于層疊樣式表,將在后面的課程中詳述。[返回本頁首部]
BASE
本文檔的原始地址。語法:<BASE HREF=”原始地址”>當讀者下載您的文檔后,由此可以知道是從哪里下載的。[返回本頁首部]
BODY
BODY標記有一些屬性,用于定義頁面內(nèi)的顯示效果。 ALINK、LINK、TEXT、VLINK—— 文字的顏色。
ALINK:當前激活的連接的文字顏色。
LINK:連接的文字顏色。
TEXT:文字的顏色。
VLINK:參觀過的文字顏色。
注意:文字的顏色要和背景色有明顯的差別,以便讀者瀏覽。
BACKGROUND、BGPROPERTIES、BGCOLOR——頁面的背景部分。
BACKGROUND:背景圖案,該圖案在頁面內(nèi)平鋪。背景圖案應保持單一色調(diào),以保證頁面文字易于閱讀。
BGPROPERTIES:設置成FIXED,則背景圖案不滾動。(只對INTERNET EXPLORER有效)
BGCOLOR:背景色。
注意:如果你的背景圖案是深色調(diào),因之文字顏色為淡顏色,那么由于瀏覽器調(diào)用頁面的順序是“背景色-文字-背景圖案”,那么在背景圖案沒有顯示的情況下,你的文字在白顏色下很難閱讀,所以應該選用一個跟你的背景圖案顏色一致的背景色。
LEFTMARGIN、TOPMARGIN——頁邊空白。(只對INTERNET EXPLORER有效)
LEFTMARGIN:左邊頁邊空白。
TOPMARGIN:頂端頁邊空白。

鐧炬惌浜戝緩绔?
域名頻道是專業(yè)從事網(wǎng)站建設和自助建站服務、網(wǎng)站優(yōu)化、網(wǎng)站推廣的專業(yè)網(wǎng)站。
如果您只是需要建立一個簡單的個人網(wǎng)站或者企業(yè)官網(wǎng),推薦使用我司的云自助建站 ,不用懂程序,只需要添加網(wǎng)站內(nèi)容即可。
虛擬主機方便靈活的增減空間容量,易操作、管理既方便又快捷、網(wǎng)站訪問點擊率高。
百搭云微信小程序自助建站申請入口:域名頻道http://http://forest-oxygen.cn/web/xcx.asp

贊(6)
分享到: 更多 (0)

中國專業(yè)的網(wǎng)站域名及網(wǎng)站空間提供商

買域名買空間