您好,登錄后才能下訂單哦!
這篇文章主要介紹html中怎么使用重難點(diǎn)標(biāo)簽,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
1、a 標(biāo)簽的用法
創(chuàng)建一個(gè)到其他網(wǎng)頁,文件,同一頁面內(nèi)的位置,電子郵件地址或任何其他URL的超鏈接。a標(biāo)簽是一個(gè)特別常用的標(biāo)簽,但很多用法相信大家都不太了解。
屬性:
a的href的取值:
可以是網(wǎng)址(最好寫成//google.com形式)路徑(/a/b/c,index.html)偽協(xié)議(js代碼,郵箱,手機(jī)號(hào)碼)ID經(jīng)常用于跳轉(zhuǎn)到頁面的某個(gè)部分
a的target取值:
1、內(nèi)置名字:
_blank(新頁面打開)_top(最上層的頁面打開,需要配合iframe使用)_parent(在上一層的頁面打開) _self(當(dāng)前頁面加載,此值是默認(rèn)的)
2、程序員自己命名:
window的name(可以為窗口指定名字,以實(shí)現(xiàn)在指定的窗口打開)iframe的name,實(shí)現(xiàn)在指定的iframe打開a的download
作用就是下載頁面,不太常用。
2、img 標(biāo)簽的用法
作用:發(fā)送get請(qǐng)求,展示一張圖片
屬性:
alt:定義了圖像的備用文本描述height:圖像的高度width:圖像的寬度src:圖像的 URL,這個(gè)屬性對(duì) <img> 元素來說是必需的。
響應(yīng)式寫法:
例如 max-width:100%
可替換元素:
是一個(gè)可替換元素。它的 display 屬性的默認(rèn)值是 inline,但是它的默認(rèn)分辨率是由被嵌入的圖片的原始寬高來確定的,使得它就像 inline-block 一樣。你可以為 設(shè)置 border/border-radius、padding/margin、width、height 等等的 CSS 屬性。 沒有基線(baseline),這意味著,當(dāng)在一個(gè)行內(nèi)格式的上下文(an inline formatting context)中使用 vertical-align: baseline 時(shí),圖像的底部將會(huì)與容器的文字基線對(duì)齊。
3、table標(biāo)簽的用法
表示表格數(shù)據(jù) — 即通過二維數(shù)據(jù)表表示的信息。這個(gè)比較簡(jiǎn)單
(學(xué)習(xí)視頻分享:html視頻教程)
以下是示例代碼
<caption>Color names and values</caption> <tbody> <tr> <th scope="col">Name</th> <th scope="col">HEX</th> <th scope="col">HSLa</th> <th scope="col">RGBa</th> </tr> <tr> <th scope="row">Teal</th> <td><code>#51F6F6</code></td> <td><code>hsla(180, 90%, 64%, 1)</code></td> <td><code>rgba(81, 246, 246, 1)</code></td> </tr> <tr> <th scope="row">Goldenrod</th> <td><code>#F6BC57</code></td> <td><code>hsla(38, 90%, 65%, 1)</code></td> <td><code>rgba(246, 188, 87, 1)</code></td> </tr> </tbody> </table>
屬性:
align: 這個(gè)枚舉屬性指定了包含在文檔中的表格必須如何對(duì)齊。有如下值:left,表格將在文檔左側(cè)顯示; center, 表格將在文檔中央顯示; right, 表格將在文檔右側(cè)顯示
border:定義了表格邊框的大小。 如果設(shè)置為0,這意味著frame 屬性被設(shè)置為空。如果設(shè)置為1,表示表格具有1px大小的邊框。
**cellpadding:**這個(gè)屬性定義了表格單元的內(nèi)容和邊框之間的空間。
**cellspacing:**這個(gè)屬性(使用百分比或像素)定義了兩個(gè)單元格之間空間的大小
**width:**該屬性定義了表格的寬度。寬度可能是一個(gè)像素或者是一個(gè)百分比值,寬度的百分比值將被定義為表格容器的寬度。
border-collapse: collapse合并邊框
border-spacing: 0; 邊框間距設(shè)置為0
table { table-layout: auto; border-collapse: collapse; border-spacing: 0; }
以上是“html中怎么使用重難點(diǎn)標(biāo)簽”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。