今天是劉小愛自學Java的第76天。

感謝你的觀看，謝謝你。

話不多說，繼續html的學習：

昨天學習了最基礎的文本標簽及屬性，除此之外還有很多其它標簽，今天逐一學習。

一、鏈接標簽(a標簽)

a標簽有一個必不可少的屬性：href。href也就是超鏈接的意思。

下面編寫代碼，其中我每行之間用了兩個換行符(
)，為了使頁面看起來相對而言更加美觀些。

①href="#"

作用是跳轉本頁面。

②href="對應網頁鏈接地址"

作用是跳轉到對應網頁。

③href="本地主頁"

這個呢是我自己電腦里面的一個html文件，自己可以訪問，但是別人就沒法訪問了。

②中的是只要網址能打開，所有人都能訪問。

④href="mailto:對應郵箱地址"

作用是用本地的郵箱客戶端，給填寫的郵箱發送郵件。

⑤target="_self"

self，自身的意思，作用就是在當前頁面中打開填入的網頁鏈接。

⑥target="_blank"

blank，空白的意思，作用就是在新窗口中打開填入的網頁鏈接。

⑦

title，又是標題，這里的作用是：當我們將鼠標放在當前鏈接上的時候會出現一個標題提示。

代碼編寫完畢，做一個測試：

其中有個小常識：

左鍵直接點擊，會在當前頁面中打開對應鏈接。

Ctrl+左鍵點擊，會在新的頁面中打開對應鏈接。

二、圖片標簽和列表標簽

1圖片標簽

image，圖像的意思，簡寫為img，圖片標簽也就是用img來表示。

①src="圖片地址"

如果是本地圖片，寫出圖片所在的路徑即可。

如果是網絡圖片，寫出其對應的鏈接即可。

其中width為寬度，height為高度，如果只設置其中一項，高度和寬度是等比例縮放的。

當然也可以寬度高度同時設置不同的值。

②

如果圖片丟失了，就會顯示alt里面的內容。

③

同a標簽一樣，當鼠標放在該圖片上時，會顯示title里的內容。

2列表標簽

list，即列表的意思，其中又分為有序列表和無序列表。

有序列表：ordered list，簡寫就是ol。

①type="1"

數字排序，這也是默認的有序排序規則，所以可以省略不寫。

②type="a"

使用小寫字母排序，詳情見上圖。

③type="A"

使用大寫字母排序，詳情見上圖。

④type="Ⅰ"

使用羅馬字母排序，詳情見上圖。

⑤type="i"

使用字母i來排序，詳情見上圖。

無序列表：unordered list，簡寫就是 ul。

①type="disc"

disc，唱片、圓盤的意思，這是無序列表的默認屬性，所以可以省略不寫。

②type="circle"

circle，圓形的意思。

③type="square"

square，正方形的意思。

三、表格標簽

1基本介紹

table，表格的意思，這在學數據庫時就接觸過。

tr，tablerow的縮寫，表示的是表格中的行。

td，tabledata的縮寫，表示的是表格中的數據。

①單元格：cell：細胞的意思，在表格中就表示為一個單元格。

②表格外邊框：border，邊界的意思，用其可以設置外邊框的粗細。

③單元格外間距：cellspacing，用其設定外間距。

④單元格內間距：cellpadding，用其設定內間距。

其中width表示表格的寬度，并且外間距一般都會設定為0，不然都不像是個表格的樣子。

①caption標簽

標題的意思，用以說明表格的標題，我這邊還用了一個b標簽將其給加粗了。

②th標簽

table head的簡寫，也就是表格的表頭，它是默認居中加粗的。

當然我們也可以根據align屬性來設定排序位置(居左，居中，居右)。

此外，其中也可以使用thead、tbody、tfoot標簽來劃分表格。

• thead表示表格的頭部。
• tbody表示表格的主體。
• tfoot表示表格的腳部。

這個稍作了解即可，感覺使用這些標簽和不使用這些標簽對表格本身沒有影響。

2表格快速模板設置

看到左上角那個黃燈后點擊，選擇Language Injection Settings，最后選擇html即可。

這樣設置后就可以使用表格快速創建模板了。

先輸入table>tr*4>td*4，再加上Tab鍵，即可快速創建一個4*4的表格。

3合并單元格

①rowspan

合并行的意思，相同的列不同的行。

“2”的意思就是表示是跨兩行，從第1行開始將第1行和第2行合并起來了。

既然如此，那么第2行總共也就只需要3列了，所以將其第2行第1列刪除。

②colspan

合并列的意思，相同的行不同的列。

“3”的意思就是表示是跨3列，從第2列開始將第2列第3列和第4列合并起來了。

既然如此，那么第3行總共也就只需要2列了，所以將第3行中第3列第4列刪除。

最后

謝謝你的觀看。

如果可以的話，麻煩幫忙點個贊，謝謝你。

總結

以上是生活随笔為你收集整理的a标签里面设置onclick_HTML学习笔记：各种常用标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。