HTML

. <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è)空間。既可以單選、又可以多選。如下代碼:

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 引言 在日常開(kāi)發(fā)Android中,很多時(shí)候會(huì)遇到和WebView打交道,對(duì)CSS HTML JS不是很清楚的話是完...
    張文靖同學(xué)閱讀 2,935評(píng)論 0 11
  • HTML基礎(chǔ) 本文包括 HTML基本知識(shí)與結(jié)構(gòu) HTML常見(jiàn)標(biāo)簽 標(biāo)簽寫(xiě)法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,214評(píng)論 2 21
  • 1、HTML介紹 1 2、Html和CSS的關(guān)系 HTML是網(wǎng)頁(yè)內(nèi)容的載體。內(nèi)容就是網(wǎng)頁(yè)制作者放在頁(yè)面上想要讓用戶...
    夏沫xx閱讀 1,693評(píng)論 0 8
  • ********** 未經(jīng)本人允許,嚴(yán)禁轉(zhuǎn)載任何網(wǎng)站 ********** 本人在慕課網(wǎng)學(xué)習(xí)HTML+CSS基礎(chǔ)課...
    zhaolion閱讀 11,125評(píng)論 46 548
  • 上次發(fā)文已是十多天以前,這些天來(lái)雖然一點(diǎn)兒沒(méi)閑著,但大綱擬了四五個(gè),草稿寫(xiě)了兩三個(gè),最后又一一斃掉。既痛惜這大把浪...
    天休問(wèn)閱讀 264評(píng)論 2 4

友情鏈接更多精彩內(nèi)容