常用標(biāo)簽divein-創(chuàng)新互聯(lián)

1. <a> 插入超鏈接

10年的梨樹網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營(yíng)銷型網(wǎng)站的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整梨樹建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“梨樹網(wǎng)站設(shè)計(jì)”,“梨樹網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

示例	<a target="_blank">百度</a>
屬性	說明
href	可使用絕對(duì)路徑或相對(duì)路徑，亦可使用錨點(diǎn)（頁面內(nèi)跳轉(zhuǎn)） <a href="#1">jump to "here"</a> <a name="1">here</a>
target	指定新頁面的打開方式，取值如下： _blank，在新標(biāo)簽頁中打開 _self，在當(dāng)標(biāo)簽頁中打開

2. 分組元素
① <p> 段落，中間空行
② <div> 無實(shí)際效果
③ <blockquote> 段落，前后都縮進(jìn) ，中間空行
④ <pre> 按照編輯器內(nèi)的排版格式顯示（不完全一致）
⑤ <hr> 水平分割線
⑥ <ul> 添加無序列表，用法：

<ul> <li>第一項(xiàng)</li> //li的value屬性可設(shè)置此項(xiàng)開始的編號(hào) <li>第一項(xiàng)</li> <li>第一項(xiàng)</li> </ul>

⑦ <ol> 添加有序列表，start屬性可指定起始編號(hào)，type可指定編號(hào)形式(a, A, i, I, 1)

⑧ <dl><dt><dd> 生成說明列表，用法：

<dl> <dt>這是第一章</dt> <dd>第一章第一節(jié)</dd> <dd>第一章第二節(jié)</dd> </dl>

⑨ <figure> 插圖，用法：

<figure> <figcaption>這是一張圖片</figcaption> <img src="img.png"> </figure>

3. <table> 表格元素，用法：

<table border="1" > <caption>這里是標(biāo)題</caption> <colgroup> <col> //占位 <col background="red;"> //第二列背景色設(shè)為紅色 </colgroup> <tfoot> //表尾-始終在最后一行顯示 <tr> <td colspan="3">共計(jì)：1人</td> </tr> </tfoot> <tbody> //表體 <tr> <td>張三</td> <td>男</td> <td>27</td> </tr> </tbody> <thead> //表頭-始終在第一行顯示 <tr> <th rowspan="3">基本情況</th> <th>姓名</th> <th>性別</th> <th>年齡</th> </tr> <thead> </table>

4. 文檔元素，基本無顯示效果，主要表示語義以方便CSS進(jìn)行樣式標(biāo)記，示例：

<body> <header> 這里放置LOGO，標(biāo)題，導(dǎo)航等 <hgroup> <h2>這是一個(gè)大標(biāo)題</h2> <h5>這是一個(gè)小標(biāo)題</h5> </hgroup> <nav>這是一個(gè)導(dǎo)航</nav> </header> <section> 這是一個(gè)主題部分 </section> <article> <header>...</header> <section>...</section> <address>這里放置聯(lián)系信息</address> <footer>...</footer> </article> <aside> 這是一個(gè)注釋欄 <nav>這是注釋欄內(nèi)的導(dǎo)航</nav> </aside> <footer> <h5>這是尾部的小標(biāo)題</h5> <address>這里放置聯(lián)系信息</address> </footer>

5. 嵌入元素，將外部資源插入到HTML中：

① <img> 插入圖片

示例	<a href="index.html"><img src="img.png" alt="風(fēng)景" width="30" height="20"></a>
屬性	說明
src	圖像的url
width,height	寬度，高度
ismap	獲取點(diǎn)擊位置的坐標(biāo)，并在請(qǐng)求的地址后添加該坐標(biāo)值
usemap	創(chuàng)建分區(qū)響應(yīng)，點(diǎn)擊不同區(qū)域轉(zhuǎn)到不同超鏈接 <img src="img.pne" usemap="#Map"> <map name="Map"> <area shape="rect" coords="44,33,123,102" href="www.baidu.com" target="_blank" alt="百度"> </map>

② <iframe> 嵌入另一個(gè)文檔

示例	<a href="www.baidu.com" target="in">百度</a> <iframe src="www.soso.com" width="200" height="300" name="in"></iframe>
屬性	說明
src	初始化時(shí)顯示的頁面
width,height	寬度，高度
name	被其他標(biāo)簽的target屬性引用時(shí)，使用的名稱

③ <embed> 嵌入插件內(nèi)容

示例	<embed src="視頻.swf" type="application/x-shockwave-flash" width="600" height="800"></embed>
屬性	說明
src	視頻源
type	視頻類型，自動(dòng)識(shí)別后綴因而可省略
width,height	寬度，高度

④ <progress> 進(jìn)度條，IE10及以上支持，一般通過JS控制進(jìn)度動(dòng)態(tài)效果

示例	<progress value="30" max="100"></progress>
屬性	說明
value	進(jìn)度值
max	進(jìn)度大值

⑤ <meter> 類似于進(jìn)度條，可設(shè)置警示范圍，IE不支持

示例	<meter value="90" min="10" max="100" low="30" high="80"></meter>
屬性	說明
value	進(jìn)度值
min	最小值，value小于等于該值不顯示
max	大值
low	下闕值，小于該值進(jìn)度條變×××
high	上闕值，大于該值進(jìn)度條變×××

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

文章名稱：常用標(biāo)簽divein-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://muchs.cn/article26/dsjjcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、做網(wǎng)站、網(wǎng)站改版、自適應(yīng)網(wǎng)站、靜態(tài)網(wǎng)站、搜索引擎優(yōu)化

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容