html中怎么使用重難點標簽

這篇文章主要介紹html中怎么使用重難點標簽，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

1、a 標簽的用法

創建一個到其他網頁，文件，同一頁面內的位置，電子郵件地址或任何其他URL的超鏈接。a標簽是一個特別常用的標簽，但很多用法相信大家都不太了解。

屬性：

a的href的取值:

可以是網址（最好寫成//google.com形式）路徑（/a/b/c，index.html)偽協議（js代碼，郵箱，手機號碼）ID經常用于跳轉到頁面的某個部分

a的target取值：

1、內置名字：

_blank(新頁面打開）_top(最上層的頁面打開，需要配合iframe使用）_parent(在上一層的頁面打開） _self(當前頁面加載，此值是默認的)

2、程序員自己命名：

window的name（可以為窗口指定名字，以實現在指定的窗口打開）iframe的name，實現在指定的iframe打開a的download

作用就是下載頁面，不太常用。

2、img 標簽的用法

作用：發送get請求，展示一張圖片

屬性：

alt：定義了圖像的備用文本描述height：圖像的高度width：圖像的寬度src：圖像的 URL，這個屬性對 <img> 元素來說是必需的。

響應式寫法：

例如 max-width：100%

可替換元素：

是一個可替換元素。它的 display 屬性的默認值是 inline，但是它的默認分辨率是由被嵌入的圖片的原始寬高來確定的，使得它就像 inline-block 一樣。你可以為  設置 border/border-radius、padding/margin、width、height 等等的 CSS 屬性。  沒有基線（baseline），這意味著，當在一個行內格式的上下文（an inline formatting context）中使用 vertical-align: baseline 時，圖像的底部將會與容器的文字基線對齊。

3、table標簽的用法

表示表格數據 — 即通過二維數據表表示的信息。這個比較簡單

（學習視頻分享：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： 這個枚舉屬性指定了包含在文檔中的表格必須如何對齊。有如下值:left，表格將在文檔左側顯示； center， 表格將在文檔中央顯示； right， 表格將在文檔右側顯示

border：定義了表格邊框的大小。 如果設置為0，這意味著frame 屬性被設置為空。如果設置為1，表示表格具有1px大小的邊框。

**cellpadding：**這個屬性定義了表格單元的內容和邊框之間的空間。

**cellspacing：**這個屬性（使用百分比或像素）定義了兩個單元格之間空間的大小

**width：**該屬性定義了表格的寬度。寬度可能是一個像素或者是一個百分比值，寬度的百分比值將被定義為表格容器的寬度。

border-collapse:  collapse合并邊框

border-spacing:  0; 邊框間距設置為0

table { table-layout: auto; border-collapse: collapse; border-spacing: 0; }

以上是“html中怎么使用重難點標簽”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！