. <em>表示強(qiáng)調(diào),
<strong>
表示更強(qiáng)烈的強(qiáng)調(diào)。并且在瀏覽器中
<em>
默認(rèn)用
**斜體
**表示,
<strong>用
**粗體
**表示
<em>表示強(qiáng)調(diào),
<strong>
表示更強(qiáng)烈的強(qiáng)調(diào)。并且在瀏覽器中
<em>
默認(rèn)用
**斜體
**表示,
<strong>用
**粗體
**表示
2.<span>標(biāo)簽是
沒(méi)有語(yǔ)義
的,它的作用就是為了
設(shè)置單獨(dú)的樣式用
的。例如:
<style> <span> 中國(guó)夢(mèng)
</span>
span{
color:blue; 顯示:
中國(guó)夢(mèng)
}
</style> 3.<blockquote>的作用也是引用別人的文本。但它是對(duì)
**長(zhǎng)文本
**的引用。
<q>是引用別人的文本,不過(guò)是短文本!
<q>
引用文本
</p> <blockquote>
同理
4.要想輸入空格,必須寫(xiě)入
(直接寫(xiě)
)
5.在介紹語(yǔ)言技術(shù)的網(wǎng)站中,避免不了在網(wǎng)頁(yè)中顯示一些計(jì)算機(jī)專(zhuān)業(yè)的編程代碼,當(dāng)代碼為一行代碼時(shí),你就可以使用
<code>標(biāo)簽了,如下面例子:
<code>var i=i+300;</code> 多行代碼用
<pre>標(biāo)簽的主要作用
:
預(yù)格式化的文本。被包圍在
pre
元素中的文本通常會(huì)保留空格和換行符。
6.列表就可以使用
ul-li
標(biāo)簽來(lái)完成。
ul-li
是沒(méi)有前后順序的信息列表。
<ol>標(biāo)簽來(lái)制作
**有序列表
**來(lái)展示
語(yǔ)法:
<ul> <li>信息
</li> <li>信息
</li> ...... </ul> 7.在網(wǎng)頁(yè)制作過(guò)程過(guò)中,可以把一些獨(dú)立的邏輯部分劃分出來(lái),放在一個(gè)
<div>標(biāo)簽中,這個(gè)
<div>標(biāo)簽的作用就相當(dāng)于一個(gè)容器。
語(yǔ)法:
<div>…</div> 8.用
id屬性來(lái)為
<div>提供唯一的名稱,這個(gè)就像我們每個(gè)人都有一個(gè)
身份證號(hào)
,這個(gè)身份證號(hào)是
唯一標(biāo)識(shí)
我們的身份的,也是必須
唯一
的。
語(yǔ)法:
<div id="版塊名稱
">…</div>
9.創(chuàng)建表格的四個(gè)元素:
table、
tbody
、
tr
、
th
、
td
1、
<table>…</table>
:整個(gè)表格以
<table>標(biāo)記開(kāi)始、
</table>標(biāo)記結(jié)束
2、
<tbody>…</tbody>
:如果不加
<thead><tbody><tfooter> , table
表格加載完后才顯示。加上這些表格結(jié)構(gòu),
tbody
包含行的內(nèi)容下載完優(yōu)先顯示,不必等待表格結(jié)束后在顯示,同時(shí)如果表格很長(zhǎng),用
tbody
分段,可以一部分一部分地顯示。(通俗理解
table
可以按結(jié)構(gòu)一塊塊的顯示,不在等整個(gè)表格加載完后顯示。)
3、
<tr>…</tr>
:表格的一行,所以有幾對(duì)
tr
表格就有幾行。
4、
<td>…</td>
:表格的一個(gè)單元格,一行中包含幾對(duì)
<td>...</td>,說(shuō)明一行中就有幾列。
5、
<th>…</th>
:表格的頭部的一個(gè)單元格,
**表格表頭。
**
6、表格中列的個(gè)數(shù),取決于一行中數(shù)據(jù)單元格的個(gè)數(shù)。
10.**摘要
**
摘要的內(nèi)容是不會(huì)在瀏覽器中顯示出來(lái)的。它的作用是增加表格的可讀性
(
語(yǔ)義化
)
,使搜索引擎更好的讀懂表格內(nèi)容,還可以使屏幕閱讀器更好的幫助特殊
用戶讀取表格內(nèi)容。
**語(yǔ)法:
**<table summary="表格簡(jiǎn)介文本
">
** 標(biāo)題
**
用以描述表格內(nèi)容,標(biāo)題的顯示位置:表格上方。
**語(yǔ)法:
**
<table> **<caption>標(biāo)題文本
</caption>
** <tr> <td>…</td> <td>…</td> … </tr>…
</table> 11.<a>標(biāo)簽在默認(rèn)情況下,鏈接的網(wǎng)頁(yè)是在當(dāng)前瀏覽器窗口中打開(kāi),有時(shí)我們需要在新的瀏覽器窗口中打開(kāi)。
如下代碼:
<a href="目標(biāo)網(wǎng)址
"
target="_blank">click here!</a> 加入
target="_blank"
12.<a>標(biāo)簽還有一個(gè)作用是可以鏈接
Email地址,使用mailto能讓訪問(wèn)者便捷向網(wǎng)站管理者發(fā)送電子郵件。我們還可以利用mailto做許多其它事情。下面一一進(jìn)行講解,請(qǐng)看詳細(xì)圖示:

**注意
**:如果
mailto后面同時(shí)有多個(gè)參數(shù)的話,第一個(gè)參數(shù)必須以“?”開(kāi)頭,后面的參數(shù)每一個(gè)都以“&”分隔。
下面是一個(gè)完整的實(shí)例
:

13.在網(wǎng)頁(yè)的制作中為使網(wǎng)頁(yè)炫麗美觀,肯定是缺少不了圖片,可以使用
<img>標(biāo)簽來(lái)插入圖片。
**語(yǔ)法:
**
**舉例:
**
<img src = "myimage.gif" alt = "My Image" title = "My Image" />
**講解:
**
1、src:標(biāo)識(shí)圖像的位置;
2、alt:指定圖像的描述性文本,當(dāng)圖像不可見(jiàn)時(shí)(下載不成功時(shí)),可看到該屬性指定的文本;
3、title:提供在圖像可見(jiàn)時(shí)對(duì)圖像的描述
(鼠標(biāo)滑過(guò)圖片時(shí)顯示的文本);
4、圖像可以是
GIF,PNG,JPEG格式的圖像文件。
14.。表單是可以把瀏覽者輸入的數(shù)據(jù)傳送到服務(wù)器端,這樣服務(wù)器端程序就可以處理表單傳過(guò)來(lái)的數(shù)據(jù)。
語(yǔ)法:
<form method="傳送方式" action="服務(wù)器文件">
**講解:
**
1.<form> :<form>標(biāo)簽是成對(duì)出現(xiàn)的,以<form>開(kāi)始,以</form>結(jié)束。
2.action **:
**瀏覽者輸入的數(shù)據(jù)被傳送到的地方
,比如一個(gè)PHP頁(yè)面(save.php)。
3.method **:
** 數(shù)據(jù)傳送的方式(get/post)。
<form method="post" action="save.php">
<label for="username">用戶名:</label>
<input type="text" name="username" />
<label for="pass">密碼:</label>
<input type="password" name="pass" />
</form>
注意
:
1、所有表單控件(文本框、文本域、按鈕、單選框、復(fù)選框等)都必須放在 <form></form> 標(biāo)簽之間(否則用戶輸入的信息可提交不到服務(wù)器上哦?。?/strong>
2、method : post/get 的區(qū)別這一部分內(nèi)容屬于后端程序員考慮的問(wèn)題。感興趣的小伙伴可以查看本小節(jié)的 wiki,里面有詳細(xì)介紹。
15.下拉列表在網(wǎng)頁(yè)中也常會(huì)用到,它可以有效的節(jié)省網(wǎng)頁(yè)空間。既可以單選、又可以多選。如下代碼: