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