Dreamweaver 8網(wǎng)頁制作的代碼及常用單詞
提問人：李娟發(fā)布時(shí)間：2020-09-16
一、<html>、<head>、<body>：
定義和用法：構(gòu)成Html文檔的重要組成部分，缺一不可。
1、<html> 標(biāo)簽:此元素可告知瀏覽器其自身是一個(gè) HTML 文檔。<html> 與 </html> 標(biāo)簽限定了文檔的開始點(diǎn)和結(jié)束點(diǎn)。
2、<body>標(biāo)簽:定義文檔的主體。它包含文檔的所有內(nèi)容（比如文本、圖像、顏色和圖形等等。）
3、<head> 標(biāo)簽:用于定義文檔的頭部。下面這些標(biāo)簽可用在 head 部分：<link>, <meta>, <script>, <style>, 以及 <title>。
二、<link>, <meta>, <script>, <style>, <title>：
1、<link>標(biāo)簽：此元素定義了當(dāng)前文檔與 Web 集合中其他文檔的關(guān)系。
如：<link href="xxx.css" type="text/css" rel="stylesheet" />
2、<meta> 標(biāo)簽：<meta> 元素可提供有關(guān)頁面的元信息，比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。
如：
<meta name="Keywords" content="這里放置關(guān)鍵字" />
<meta name="Description" content="這里放置對關(guān)鍵字的描述" />
3、<script> 標(biāo)簽：定義一段諸如 JavaScript 的腳本。
如：
<script type="text/javascript">
alert("感謝您光臨我的個(gè)人小站!")
</script>
4、<style> 標(biāo)簽：常用在頁面內(nèi)定義CSS樣式，但強(qiáng)烈建議使用 link 標(biāo)簽定義CSS樣式。
如：
<style type="text/css">
*{font-size:13px;}
</style>
5、<title>標(biāo)簽：定義文檔的標(biāo)題。通常把它放置在瀏覽器窗口的標(biāo)題欄或狀態(tài)欄上。
三、<a>超鏈接標(biāo)簽：
·定義和用法：<a> 標(biāo)簽可定義錨。一個(gè)錨有兩種用法。
1、通過使用 href 屬性，創(chuàng)建一個(gè)到另外一個(gè)文檔的鏈接。如：<a href=" http://www.baidu.com" target="_blank" title="百度">百度</a>
2、通過使用 name 或 id 屬性，創(chuàng)建一個(gè)文檔內(nèi)部的書簽。如：定義錨點(diǎn)<a name="a1" id="a1"></a>；指向錨點(diǎn)<a href="#a1">返回頂端</a>
·<a>標(biāo)簽常用屬性：
1、href:描述另一個(gè)文檔的地址。
2、target:指定文檔在哪個(gè)窗口打開。
3、title:指定鏈接的標(biāo)題。
4、name:定義錨點(diǎn)的名稱。
四、<h1>-- <h6> 標(biāo)簽：
<h1> - <h6> 標(biāo)簽可定義標(biāo)題。<h1> 定義最大的標(biāo)題。<h6> 定義最小的標(biāo)題。
如：
<h1>這是標(biāo)題一</h1>
<h2>這是標(biāo)題二</h2>
<h3>這是標(biāo)題三</h3>
<h4>這是標(biāo)題四</h4>
<h5>這是標(biāo)題五</h5>
<h6>這是標(biāo)題六</h6>
五、<p>標(biāo)簽：可定義一個(gè)段落。
如：
<p>這是第一段的內(nèi)容。</p>
<p>這是第二段的內(nèi)容。</p>
六、<br> 標(biāo)簽：可插入一個(gè)簡單的換行符。
如：這是第一行。<br />這是第二行。
七、<img> 標(biāo)簽：可定義一副圖像。即在網(wǎng)頁指定位置插入圖片。
如：<img src="images/bg1.gif" width="80" height="60" />
八、<hr> 標(biāo)簽：可插入一個(gè)水平線。水平分隔線（horizontal rule）可以在視覺上將文檔分隔成各個(gè)部分。<hr width="1000" size="1" noshade="noshade" />
如：<hr align="center" width="800" size="1" />
九、<table>、<tr>、<td>、<caption>、<th>標(biāo)簽：
1、<table> 標(biāo)簽可定義表格。在 <table> 標(biāo)簽內(nèi)部，可以放置表格的標(biāo)題、表格行、表格列、表格單元以及其他的表格。
2、<tr> 標(biāo)簽在表格中定義一行。
3、<td> 標(biāo)簽定義表格中的一個(gè)單元格。<td>標(biāo)簽屬性：colspan=合并列單元格；rowspan=合并行。
5、<th> 標(biāo)簽定義表格內(nèi)的表頭單元格。此 th 元素內(nèi)部的文本通常會(huì)呈現(xiàn)為粗體。
6、<caption> 標(biāo)簽可定義一個(gè)表格標(biāo)題。caption 標(biāo)簽必須緊隨 table 標(biāo)簽之后。您只能對每個(gè)表格定義一個(gè)標(biāo)題。通常這個(gè)標(biāo)題會(huì)被居中于表格之上。
十、<form>標(biāo)簽:
form 元素可為用戶輸入創(chuàng)建表單。表單可包含文本域，復(fù)選框，單選按鈕等等。表單用于向指定的 URL 傳遞用戶數(shù)據(jù)。
·使用方法：<form id="form1" name="form1" method="post" action=""></form>
·<form>標(biāo)簽屬性：
1、id、name：用來標(biāo)識(shí)表單的名稱。
2、method：提供和程序進(jìn)行數(shù)據(jù)交換的方法。取值為post和get。
3、action：提供和程序進(jìn)行交換的程序路徑，即接口程序。
十一、<input> 標(biāo)簽：
<input> 標(biāo)簽可定義輸入域，在其中用戶可輸入數(shù)據(jù)。其中包括文本字段、多選列表、可單擊的圖像和提交按鈕等。此標(biāo)簽的type 屬性和 name 屬性是必需的。
1、type的取值。type屬性用來區(qū)分不同的輸入域。它的取值分別為：text(文本域)、password（密碼域 ）、hidden（隱藏域）、checkbox(復(fù)選框)、radio（單選框）、image(圖像按鈕）、file(文件域)、 submit（提交按鈕）、reset（重置按鈕）、button（普通按鈕）。
十二、<select>標(biāo)簽:
1、用法：<select>元素可創(chuàng)建單選或多選菜單。
2、格式：
<select name="select">
<option>張三</option>
<option>李四</option>
<option selected="selected">王五</option>
</select>
3、<option>元素可定義下拉列表中的一個(gè)選項(xiàng)（一個(gè)條目）。
格式：<option selected="selected">張三</option>，其中selected屬性表示默認(rèn)選項(xiàng)。
十三、<textarea> 標(biāo)簽：
1、用法：定義一個(gè)文本區(qū)域 (一個(gè)多行的文本輸入?yún)^(qū)域）。
2、格式：<textarea name="textarea" cols="30" rows="6">請?jiān)诖颂庉斎肓粞詢?nèi)容</textarea>
3、屬性：
I、cols：設(shè)置輸入框的列數(shù)。
II、rows：設(shè)置輸入框的行數(shù)。
十四、<i>、<b>、<u>、<s> 標(biāo)簽：
以下的元素均是字體樣式元素。建議使用CSS來取代這些效果。
<u> 標(biāo)簽可定義下劃線文本。
<s> 標(biāo)簽可定義加刪除線文本定義。
<i> 標(biāo)簽可定義斜體。
<b> 標(biāo)簽可定義粗體。
十五、<sub>、<sup> 標(biāo)簽：
1、<sup> 標(biāo)簽可定義上標(biāo)文本。
2、<sub> 標(biāo)簽可定義下標(biāo)文本。
3、說明：<sub>和<sup> 標(biāo)簽，常用在數(shù)學(xué)等式、科學(xué)符號(hào)和化學(xué)公式中。
十六、<dl>、<dt>、<dd>標(biāo)簽:
1、<dl> 標(biāo)簽定義列表。
2、<dt> 定義列表中的項(xiàng)目（即術(shù)語部分）。
3、<dd> 可在定義列表中定義條目的定義部分。
十七、<ol>、<ul>、<li>標(biāo)簽：
1、<ol> 標(biāo)簽定義有序列表。<ol>標(biāo)簽屬性：type="1/a/A/i/I"。
2、<ul> 標(biāo)簽定義無序列表。<ul>標(biāo)簽屬性：type="circle/disc/square"
3、<li> 標(biāo)簽定義列表項(xiàng)目。<li> 標(biāo)簽可用在有序列表 (<ol>) 和無序列表 (<ul>) 中。
十八、<div>標(biāo)簽：
1、可定義文檔中的分區(qū)或節(jié)（division/section）。<div> 標(biāo)簽可以把文檔分割為獨(dú)立的、不同的部分。
2、<div>常用 id 或 class 來標(biāo)記，這樣可以方便控制其樣式。
十九、<span> 標(biāo)簽：
1、<span> 標(biāo)簽被用來組合文檔中的行內(nèi)元素。
2、說明：span 沒有固定的格式表現(xiàn)。當(dāng)對它應(yīng)用樣式時(shí)，它才會(huì)產(chǎn)生視覺上的變化。
二十、注釋標(biāo)簽：
1、說明：注釋標(biāo)簽用來在源文檔中插入注釋。注釋會(huì)被瀏覽器忽略。
2、格式：<!--這里面寫注釋內(nèi)容-->
二十一、<map> 、<area>標(biāo)簽：
1、<map> 標(biāo)簽定義一個(gè)圖像映射。圖像映射指帶有可點(diǎn)擊區(qū)域的一幅圖像。
2、<area> 標(biāo)簽定義圖像映射中的某個(gè)區(qū)域。此元素永遠(yuǎn)被嵌套在 <map> 標(biāo)簽內(nèi)部。
二十二、<fieldset>、<legend>、<label>標(biāo)簽
1、<fieldset> 標(biāo)簽可將表單內(nèi)的相關(guān)元素分組。它將表單內(nèi)容的一部分打包，生成一組相關(guān)表單的字段。
2、<legend> 標(biāo)簽可為 fieldset 定義一個(gè)標(biāo)題。
3、<label>標(biāo)簽用來定義一個(gè)關(guān)聯(lián)標(biāo)記，將信息附屬在表單控件上。
如：
<fieldset>
<legend>用戶登錄</legend>
<form>
<label for="UserName">用戶名: </label><input id="UserName" name="UserName" type="text" />
<label for="Password">密 碼: </label><input id="Password" name="Password" type="password" />
</form>
</fieldset>
二十三、<!DOCTYPE>定義文檔類型：
<!DOCTYPE> 聲明位于文檔中的最前面的位置，處于 <html> 標(biāo)簽之前。此標(biāo)簽告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。
二十四、<iframe> 標(biāo)簽：
iframe 元素會(huì)創(chuàng)建一個(gè)包含另外一個(gè)文檔的內(nèi)聯(lián)框架。
二十五、<pre> 標(biāo)簽：
<pre>元素可定義預(yù)格式化的文本。被包圍在<pre>元素中的文本通常會(huì)保留空格和換行符。
二十六、<tbody>、<thead>、<tfoot>
使用這些標(biāo)簽，可以將表格分為一個(gè)單獨(dú)的部分，將表格中的一行或幾行合成一組。加快網(wǎng)頁的下載速度。
定義和用法：構(gòu)成Html文檔的重要組成部分，缺一不可。
1、<html> 標(biāo)簽:此元素可告知瀏覽器其自身是一個(gè) HTML 文檔。<html> 與 </html> 標(biāo)簽限定了文檔的開始點(diǎn)和結(jié)束點(diǎn)。
2、<body>標(biāo)簽:定義文檔的主體。它包含文檔的所有內(nèi)容（比如文本、圖像、顏色和圖形等等。）
3、<head> 標(biāo)簽:用于定義文檔的頭部。下面這些標(biāo)簽可用在 head 部分：<link>, <meta>, <script>, <style>, 以及 <title>。
二、<link>, <meta>, <script>, <style>, <title>：
1、<link>標(biāo)簽：此元素定義了當(dāng)前文檔與 Web 集合中其他文檔的關(guān)系。
如：<link href="xxx.css" type="text/css" rel="stylesheet" />
2、<meta> 標(biāo)簽：<meta> 元素可提供有關(guān)頁面的元信息，比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。
如：
<meta name="Keywords" content="這里放置關(guān)鍵字" />
<meta name="Description" content="這里放置對關(guān)鍵字的描述" />
3、<script> 標(biāo)簽：定義一段諸如 JavaScript 的腳本。
如：
<script type="text/javascript">
alert("感謝您光臨我的個(gè)人小站!")
</script>
4、<style> 標(biāo)簽：常用在頁面內(nèi)定義CSS樣式，但強(qiáng)烈建議使用 link 標(biāo)簽定義CSS樣式。
如：
<style type="text/css">
*{font-size:13px;}
</style>
5、<title>標(biāo)簽：定義文檔的標(biāo)題。通常把它放置在瀏覽器窗口的標(biāo)題欄或狀態(tài)欄上。
三、<a>超鏈接標(biāo)簽：
·定義和用法：<a> 標(biāo)簽可定義錨。一個(gè)錨有兩種用法。
1、通過使用 href 屬性，創(chuàng)建一個(gè)到另外一個(gè)文檔的鏈接。如：<a href=" http://www.baidu.com" target="_blank" title="百度">百度</a>
2、通過使用 name 或 id 屬性，創(chuàng)建一個(gè)文檔內(nèi)部的書簽。如：定義錨點(diǎn)<a name="a1" id="a1"></a>；指向錨點(diǎn)<a href="#a1">返回頂端</a>
·<a>標(biāo)簽常用屬性：
1、href:描述另一個(gè)文檔的地址。
2、target:指定文檔在哪個(gè)窗口打開。
3、title:指定鏈接的標(biāo)題。
4、name:定義錨點(diǎn)的名稱。
四、<h1>-- <h6> 標(biāo)簽：
<h1> - <h6> 標(biāo)簽可定義標(biāo)題。<h1> 定義最大的標(biāo)題。<h6> 定義最小的標(biāo)題。
如：
<h1>這是標(biāo)題一</h1>
<h2>這是標(biāo)題二</h2>
<h3>這是標(biāo)題三</h3>
<h4>這是標(biāo)題四</h4>
<h5>這是標(biāo)題五</h5>
<h6>這是標(biāo)題六</h6>
五、<p>標(biāo)簽：可定義一個(gè)段落。
如：
<p>這是第一段的內(nèi)容。</p>
<p>這是第二段的內(nèi)容。</p>
六、<br> 標(biāo)簽：可插入一個(gè)簡單的換行符。
如：這是第一行。<br />這是第二行。
七、<img> 標(biāo)簽：可定義一副圖像。即在網(wǎng)頁指定位置插入圖片。
如：<img src="images/bg1.gif" width="80" height="60" />
八、<hr> 標(biāo)簽：可插入一個(gè)水平線。水平分隔線（horizontal rule）可以在視覺上將文檔分隔成各個(gè)部分。<hr width="1000" size="1" noshade="noshade" />
如：<hr align="center" width="800" size="1" />
九、<table>、<tr>、<td>、<caption>、<th>標(biāo)簽：
1、<table> 標(biāo)簽可定義表格。在 <table> 標(biāo)簽內(nèi)部，可以放置表格的標(biāo)題、表格行、表格列、表格單元以及其他的表格。
2、<tr> 標(biāo)簽在表格中定義一行。
3、<td> 標(biāo)簽定義表格中的一個(gè)單元格。<td>標(biāo)簽屬性：colspan=合并列單元格；rowspan=合并行。
5、<th> 標(biāo)簽定義表格內(nèi)的表頭單元格。此 th 元素內(nèi)部的文本通常會(huì)呈現(xiàn)為粗體。
6、<caption> 標(biāo)簽可定義一個(gè)表格標(biāo)題。caption 標(biāo)簽必須緊隨 table 標(biāo)簽之后。您只能對每個(gè)表格定義一個(gè)標(biāo)題。通常這個(gè)標(biāo)題會(huì)被居中于表格之上。
十、<form>標(biāo)簽:
form 元素可為用戶輸入創(chuàng)建表單。表單可包含文本域，復(fù)選框，單選按鈕等等。表單用于向指定的 URL 傳遞用戶數(shù)據(jù)。
·使用方法：<form id="form1" name="form1" method="post" action=""></form>
·<form>標(biāo)簽屬性：
1、id、name：用來標(biāo)識(shí)表單的名稱。
2、method：提供和程序進(jìn)行數(shù)據(jù)交換的方法。取值為post和get。
3、action：提供和程序進(jìn)行交換的程序路徑，即接口程序。
十一、<input> 標(biāo)簽：
<input> 標(biāo)簽可定義輸入域，在其中用戶可輸入數(shù)據(jù)。其中包括文本字段、多選列表、可單擊的圖像和提交按鈕等。此標(biāo)簽的type 屬性和 name 屬性是必需的。
1、type的取值。type屬性用來區(qū)分不同的輸入域。它的取值分別為：text(文本域)、password（密碼域 ）、hidden（隱藏域）、checkbox(復(fù)選框)、radio（單選框）、image(圖像按鈕）、file(文件域)、 submit（提交按鈕）、reset（重置按鈕）、button（普通按鈕）。
十二、<select>標(biāo)簽:
1、用法：<select>元素可創(chuàng)建單選或多選菜單。
2、格式：
<select name="select">
<option>張三</option>
<option>李四</option>
<option selected="selected">王五</option>
</select>
3、<option>元素可定義下拉列表中的一個(gè)選項(xiàng)（一個(gè)條目）。
格式：<option selected="selected">張三</option>，其中selected屬性表示默認(rèn)選項(xiàng)。
十三、<textarea> 標(biāo)簽：
1、用法：定義一個(gè)文本區(qū)域 (一個(gè)多行的文本輸入?yún)^(qū)域）。
2、格式：<textarea name="textarea" cols="30" rows="6">請?jiān)诖颂庉斎肓粞詢?nèi)容</textarea>
3、屬性：
I、cols：設(shè)置輸入框的列數(shù)。
II、rows：設(shè)置輸入框的行數(shù)。
十四、<i>、<b>、<u>、<s> 標(biāo)簽：
以下的元素均是字體樣式元素。建議使用CSS來取代這些效果。
<u> 標(biāo)簽可定義下劃線文本。
<s> 標(biāo)簽可定義加刪除線文本定義。
<i> 標(biāo)簽可定義斜體。
<b> 標(biāo)簽可定義粗體。
十五、<sub>、<sup> 標(biāo)簽：
1、<sup> 標(biāo)簽可定義上標(biāo)文本。
2、<sub> 標(biāo)簽可定義下標(biāo)文本。
3、說明：<sub>和<sup> 標(biāo)簽，常用在數(shù)學(xué)等式、科學(xué)符號(hào)和化學(xué)公式中。
十六、<dl>、<dt>、<dd>標(biāo)簽:
1、<dl> 標(biāo)簽定義列表。
2、<dt> 定義列表中的項(xiàng)目（即術(shù)語部分）。
3、<dd> 可在定義列表中定義條目的定義部分。
十七、<ol>、<ul>、<li>標(biāo)簽：
1、<ol> 標(biāo)簽定義有序列表。<ol>標(biāo)簽屬性：type="1/a/A/i/I"。
2、<ul> 標(biāo)簽定義無序列表。<ul>標(biāo)簽屬性：type="circle/disc/square"
3、<li> 標(biāo)簽定義列表項(xiàng)目。<li> 標(biāo)簽可用在有序列表 (<ol>) 和無序列表 (<ul>) 中。
十八、<div>標(biāo)簽：
1、可定義文檔中的分區(qū)或節(jié)（division/section）。<div> 標(biāo)簽可以把文檔分割為獨(dú)立的、不同的部分。
2、<div>常用 id 或 class 來標(biāo)記，這樣可以方便控制其樣式。
十九、<span> 標(biāo)簽：
1、<span> 標(biāo)簽被用來組合文檔中的行內(nèi)元素。
2、說明：span 沒有固定的格式表現(xiàn)。當(dāng)對它應(yīng)用樣式時(shí)，它才會(huì)產(chǎn)生視覺上的變化。
二十、注釋標(biāo)簽：
1、說明：注釋標(biāo)簽用來在源文檔中插入注釋。注釋會(huì)被瀏覽器忽略。
2、格式：<!--這里面寫注釋內(nèi)容-->
二十一、<map> 、<area>標(biāo)簽：
1、<map> 標(biāo)簽定義一個(gè)圖像映射。圖像映射指帶有可點(diǎn)擊區(qū)域的一幅圖像。
2、<area> 標(biāo)簽定義圖像映射中的某個(gè)區(qū)域。此元素永遠(yuǎn)被嵌套在 <map> 標(biāo)簽內(nèi)部。
二十二、<fieldset>、<legend>、<label>標(biāo)簽
1、<fieldset> 標(biāo)簽可將表單內(nèi)的相關(guān)元素分組。它將表單內(nèi)容的一部分打包，生成一組相關(guān)表單的字段。
2、<legend> 標(biāo)簽可為 fieldset 定義一個(gè)標(biāo)題。
3、<label>標(biāo)簽用來定義一個(gè)關(guān)聯(lián)標(biāo)記，將信息附屬在表單控件上。
如：
<fieldset>
<legend>用戶登錄</legend>
<form>
<label for="UserName">用戶名: </label><input id="UserName" name="UserName" type="text" />
<label for="Password">密 碼: </label><input id="Password" name="Password" type="password" />
</form>
</fieldset>
二十三、<!DOCTYPE>定義文檔類型：
<!DOCTYPE> 聲明位于文檔中的最前面的位置，處于 <html> 標(biāo)簽之前。此標(biāo)簽告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。
二十四、<iframe> 標(biāo)簽：
iframe 元素會(huì)創(chuàng)建一個(gè)包含另外一個(gè)文檔的內(nèi)聯(lián)框架。
二十五、<pre> 標(biāo)簽：
<pre>元素可定義預(yù)格式化的文本。被包圍在<pre>元素中的文本通常會(huì)保留空格和換行符。
二十六、<tbody>、<thead>、<tfoot>
使用這些標(biāo)簽，可以將表格分為一個(gè)單獨(dú)的部分，將表格中的一行或幾行合成一組。加快網(wǎng)頁的下載速度。
繼續(xù)查找其他問題的答案？
相關(guān)視頻回答
湘公網(wǎng)安備:43011102000856號(hào) 
點(diǎn)擊加載更多評(píng)論>>