-
標(biāo)簽的用途:我們學(xué)習(xí)網(wǎng)頁(yè)制作時(shí),常常會(huì)聽(tīng)到一個(gè)詞,語(yǔ)義化。那么什么叫做語(yǔ)義化呢,說(shuō)的通俗點(diǎn)就是:明白每個(gè)標(biāo)簽的用途(在什么情況下使用此標(biāo)簽合理)比如,網(wǎng)頁(yè)上的文章的標(biāo)題就可以用標(biāo)題標(biāo)簽,網(wǎng)頁(yè)上的各個(gè)欄目的欄目名稱也可以使用標(biāo)題標(biāo)簽。文章中內(nèi)容的段落就得放在段落標(biāo)簽中等等
講了這么多語(yǔ)義化,但是語(yǔ)義化可以給我們帶來(lái)什么樣的好處呢?
1. 更容易被搜索引擎收錄。
2. 更容易讓屏幕閱讀器讀出網(wǎng)頁(yè)內(nèi)容。
在后面的章節(jié)會(huì)帶領(lǐng)大家學(xué)習(xí)了解html中每個(gè)標(biāo)簽的語(yǔ)義(用途)。
查看全部 -
<form>創(chuàng)建表單
語(yǔ)法:
<form method="傳送方式"? action="服務(wù)器文件">
<form>:<form>標(biāo)簽是成對(duì)出現(xiàn)的,以<form>開(kāi)始,以</form>結(jié)束。
action:瀏覽者輸入的數(shù)據(jù)被傳送到的地方。
method:數(shù)據(jù)傳送的方式(get/post)。
查看全部 -
thead,tbody,tfoot定義表格
查看全部 -
<div>標(biāo)簽的作用就相當(dāng)于一個(gè)容器。
查看全部 -
使用table為網(wǎng)頁(yè)添加表格
標(biāo)題標(biāo)簽
表格標(biāo)簽
表格行,列
表格單元格
創(chuàng)建表格的四個(gè)元素:table,tr,th,td
<table>...</table>:整個(gè)表格以table開(kāi)始和結(jié)束。
<tr>...</tr>:表格的一行,有幾對(duì)<tr>就表格就有幾行。
<td>...</td>:表格的一個(gè)單元格,一行中包含幾對(duì)<td>,說(shuō)明一行中有幾列。
<th>...</th>:表格的頭部的單元格,表格表頭。代表一列。
表格中列的個(gè)數(shù),取決于一行中數(shù)據(jù)單元格的個(gè)數(shù)。
border屬性可以為表格添加邊框,屬性值為數(shù)字。?
注意:
table標(biāo)簽里面可以放caption標(biāo)簽和tr標(biāo)簽。
caption標(biāo)簽用來(lái)定義表格標(biāo)題。
tr標(biāo)簽用來(lái)設(shè)置表格的行,tr里面只能放th或者td標(biāo)簽,一組tr標(biāo)簽代表一行。
th用來(lái)設(shè)置表格的標(biāo)題,會(huì)加粗居中顯示。也就是th標(biāo)簽中的文本默認(rèn)為粗體并且居中顯示。
td同來(lái)設(shè)置表格的列,一組td標(biāo)簽代表一列。
table表格在沒(méi)有添加border屬性之前, 在瀏覽器中顯示是沒(méi)有表格線的。
<tr>標(biāo)簽來(lái)定義表格的行,<th>和<td>來(lái)定義表格的列
查看全部 -
<a>標(biāo)簽中的target屬性,代表網(wǎng)頁(yè)打開(kāi)的方式,有兩種:
<a? herf="#"? target=_self>在當(dāng)前窗口打開(kāi)超鏈接</a>,默認(rèn)值為_(kāi)self.
<a? herf="#"? target=_blank>在新窗口打開(kāi)鏈接</a>
查看全部 -
<a>標(biāo)簽為網(wǎng)頁(yè)添加超鏈接
語(yǔ)法:
<a? ?href="目標(biāo)網(wǎng)址"? title="鼠標(biāo)滑過(guò)現(xiàn)實(shí)的文本">鏈接現(xiàn)實(shí)的文本</a>
舉例:
<a? href="http://idcbgp.cn"? title="點(diǎn)擊進(jìn)入慕課網(wǎng)" >click here!</a>
上面例子作用是單擊click here!文字,網(wǎng)頁(yè)鏈接到http://idcbgp.cn這個(gè)網(wǎng)頁(yè)。
herf與title在第一個(gè)<a>里面
查看全部 -
<img>標(biāo)簽為網(wǎng)頁(yè)添加圖片
語(yǔ)法:
<img src="圖片地址"? alt="下載失敗時(shí)替換文本"? title="提示文本">
舉例:
<img src="myimage.gif"? alt="My Image"? title="My Image"? />
src:表示圖像位置。
alt:指定圖像的描述性文本,當(dāng)圖像加載失敗或不可見(jiàn)時(shí),可看到圖像的描述性文本。
title:提供在圖像可見(jiàn)是對(duì)圖像的描述。(鼠標(biāo)滑過(guò)圖片時(shí)顯示的文本)
圖像可以是GIF,PNG,JPEG格式的圖像文件。
查看全部 -
<ol><li>標(biāo)簽實(shí)現(xiàn)有序列表
語(yǔ)法:
<ol>
? <li>信息</li>
? <li>信息</li>
? ......
</ol><ol>在網(wǎng)頁(yè)中顯示的默認(rèn)樣式一般為:沒(méi)想<li>前都自帶一個(gè)序號(hào),序號(hào)默認(rèn)從1開(kāi)始。
查看全部 -
<ul><li>標(biāo)簽實(shí)現(xiàn)無(wú)序列表
<ul><li>是沒(méi)有前后順序的信息列表
語(yǔ)法:
<ul>
????<li>信息</li>
????<li>信息</li>
????...
</ul>
ul-li在網(wǎng)頁(yè)中顯示的默認(rèn)樣式一般為:每項(xiàng)li前自帶一個(gè)圓點(diǎn)。
查看全部 -
<hr>標(biāo)簽實(shí)現(xiàn)水平線? 空標(biāo)簽
語(yǔ)法:
html4.01版本?<hr>
xhtml1.0版本?<hr />
查看全部 -
使用特殊字符 實(shí)現(xiàn)空格標(biāo)簽
語(yǔ)法: 
查看全部 -
<br>標(biāo)簽實(shí)現(xiàn)換行效果
語(yǔ)法:
xhtml1.0寫法:
<br />
html4.01寫法:
<br>
<br/>標(biāo)簽作用相當(dāng)于回車
<br/>標(biāo)簽沒(méi)有HTML內(nèi)容時(shí)是一個(gè)空標(biāo)簽,類似的標(biāo)簽有<br/>,<hr/>,<img/>
查看全部 -
<aside>定義側(cè)邊欄區(qū)域
查看全部 -
<section>定義區(qū)段
例如網(wǎng)站專欄部分查看全部
舉報(bào)