主要內(nèi)容標(biāo)題標(biāo)簽、段落標(biāo)簽、強制換行、水平線、圖片、超鏈接、文本格式化標(biāo)簽、列表和表格。（結(jié)合視頻學(xué)習(xí)效果更佳）

https://www.zhihu.com/video/1253651602637651968

一、標(biāo)題

標(biāo)題（Heading）是通過 <h1> - <h6> 標(biāo)簽進(jìn)行定義的。

<h1> 定義最大的標(biāo)題。 <h6> 定義最小的標(biāo)題。

標(biāo)題很重要

請確保將 HTML 標(biāo)題 標(biāo)簽只用于標(biāo)題。不要僅僅是為了生成粗體或大號的文本而使用標(biāo)題。

搜索引擎使用標(biāo)題為您的網(wǎng)頁的結(jié)構(gòu)和內(nèi)容編制索引。

因為用戶可以通過標(biāo)題來快速瀏覽您的網(wǎng)頁，所以用標(biāo)題來呈現(xiàn)文檔結(jié)構(gòu)是很重要的。

應(yīng)該將 h1 用作主標(biāo)題（最重要的），其后是 h2（次重要的），再其次是 h3，以此類推。

二、段落

段落是通過 <p> 標(biāo)簽定義的。

<

三、換行

如果您希望在不產(chǎn)生一個新段落的情況下進(jìn)行換行（新行），請使用 <br> 標(biāo)簽：

<br /> 元素是一個空的 HTML 元素。

<

四、水平線

<hr> 標(biāo)簽在 HTML 頁面中創(chuàng)建水平線。
hr 元素可用于分隔內(nèi)容。

<

屬性：

color：設(shè)置水平線的顏色

width：設(shè)置水平線的長度

size：設(shè)置水平線的高度

align：設(shè)置水平線的對齊方式（默認(rèn)居中），可取值left|right

<

五、圖片

<img> 標(biāo)簽定義 HTML 頁面中的圖像。

<https://www.zhihu.com/video/1253651935375978496

屬性：

Src：路徑

Alt：規(guī)定圖像的替代文本。

Width：規(guī)定圖像的寬度。

Height：規(guī)定圖像的高度

Title：鼠標(biāo)懸停在圖片上給予提示

https://www.zhihu.com/video/1253651787577864192

六、超鏈接

https://www.zhihu.com/video/1253652124489576448

HTML使用標(biāo)簽 <a>來設(shè)置超文本鏈接。

超鏈接可以是一個字，一個詞，或者一組詞，也可以是一幅圖像，您可以點擊這些內(nèi)容來跳轉(zhuǎn)到新的文檔或者當(dāng)前文檔中的某個部分。

當(dāng)您把鼠標(biāo)指針移動到網(wǎng)頁中的某個鏈接上時，箭頭會變?yōu)橐恢恍∈帧?/p>

在標(biāo)簽<a> 中使用了href屬性來描述鏈接的地址。

默認(rèn)情況下，鏈接將以以下形式出現(xiàn)在瀏覽器中：

（1）一個未訪問過的鏈接顯示為藍(lán)色字體并帶有下劃線。

（2）訪問過的鏈接顯示為紫色并帶有下劃線。

（3）點擊鏈接時，鏈接顯示為紅色并帶有下劃線。

注意：如果為這些超鏈接設(shè)置了 CSS 樣式，展示樣式會根據(jù) CSS 的設(shè)定而顯示。

<

七、文本格式化標(biāo)簽

https://www.zhihu.com/video/1253652181192323072

效果如下：

https://www.zhihu.com/video/1253652300561870848

八、列表

8.1無序列表

無序列表https://www.zhihu.com/video/1253652835088707584

無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進(jìn)行標(biāo)記。

無序列表使用 <ul> 標(biāo)簽

<

瀏覽器顯示如下：

無序列表的練習(xí)https://www.zhihu.com/video/1253652928163954688

8.2有序列表

https://www.zhihu.com/video/1253652981356163072

同樣，有序列表也是一列項目，列表項目使用數(shù)字進(jìn)行標(biāo)記。 有序列表始于 <ol> 標(biāo)簽。每個列表項始于 <li> 標(biāo)簽。

列表項使用數(shù)字來標(biāo)記。

<

瀏覽器中顯示如下：

<ol><li>的屬性type 擁有的選項

1 表示列表項目用數(shù)字標(biāo)號（1,2,3...）

a 表示列表項目用小寫字母標(biāo)號（a,b,c...）

A 表示列表項目用大寫字母標(biāo)號（A,B,C...）

i 表示列表項目用小寫羅馬數(shù)字標(biāo)號（i,ii,iii...）

I 表示列表項目用大寫羅馬數(shù)字標(biāo)號（I,II,III...）

8.3自定義列表

自定義列表不僅僅是一列項目，而是項目及其注釋的組合。

自定義列表以 <dl> 標(biāo)簽開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。

<

瀏覽器顯示如下：

8.4本節(jié)作業(yè)

九、表格

表格在數(shù)據(jù)展示方面非常簡單，并且表現(xiàn)優(yōu)秀，通過與CSS的結(jié)合，可以讓數(shù)據(jù)變得更加美觀和整齊。

行、列、單元格 單元格特點：同行等高、同列等寬。

表格的基本語法：

創(chuàng)建一個3行3列的表格：

單元格中內(nèi)容的填充間距通過cellpadding(默認(rèn)1px)屬性來設(shè)置；

單元格與單元格之間的間距通過cellspacing(默認(rèn)1px)屬性來設(shè)置。

設(shè)置單元格的填充間距為10，單元格之間的間距為0，紅色邊框

一般表格的第一行是標(biāo)題，并且是文本居中、加粗，將td換成th。

而某些數(shù)據(jù)需要居中，但不希望加粗，可以給td添加align="center"

表格的跨行跨列

有時，表格的結(jié)構(gòu)并沒有那么簡單，可能會存在跨行和跨列的情況：

跨行：

跨列：

跨行、跨列并存：

這個問題看似很復(fù)雜，其實很簡單，在制作跨行和跨列的表格時，只需按照如下步驟就可以輕松搞定！：

首先做一個完整的表格：注意虛線部分，最終去掉這些虛線就是我們要的效果

找出最左上角那個“侵占”其他單元格的單元格，如下圖標(biāo)注數(shù)字的位置

觀察這個單元格“侵占”的是行還是列，算上自己總共是幾個？(行數(shù)用r表示，列數(shù)用c表示)：

如果是行：在這個單元格上添加 rowspan="r"

如果是列：在這個單元格上添加 colspan="c"

如果既有行又有列：在這個單元格上添加 rowspan="r" colspan="c"

把“被侵占”的單元格刪掉，刪除順序：從右向左，從上至下，否則很容易出錯！

按以上步驟完成一個跨行跨列的表格：

十、本節(jié)作業(yè)

總結(jié)

以上是生活随笔為你收集整理的html a标签去掉下划线_让HTML元素动起来的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。