筆記3
阿新 • • 發佈：2017-05-19
一行 ace lec 邏輯 位置 tab 單選 單行 type
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/
表示超鏈接的起始或目的位置。
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
創建與 INPUTtype=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 文本中插入軟換行
<>作用：
<>作用是為了讓瀏覽器識別，而不是普通的內容。這些字符在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/
5HTML元素參考手冊
（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
創建與 INPUTtype=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 文本中插入軟換行
筆記3