整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
TML常用標簽有：a標簽、table標簽、img標簽、form標簽和input標簽。
作用
屬性
（一）href
href是hyper reference的縮寫，超鏈接的意思。
用于指定鏈接目標的ur地址，(必須屬性)當為標簽應用href屬性時，它就具有了超鏈接的功能；
href=“#”表示這是一個空鏈接；
如果href里面地址是—個文件或者壓縮包,會下載這個文件。
<a href="https://google.com">超鏈接到google網站的主頁</a>
<a href="https://google.com">超鏈接到google的主頁</a>
<a href="//google.com">超鏈接到google的主頁</a>展現形式：
點擊此鏈接，即可到達google的主頁
a標簽href的取值：
1、上述代碼中的網址的取值(推薦使用第三行的代碼)
<a href="//google.com">超鏈接到google的主頁</a>
由于此方式能夠自動補齊相關的網絡地址，前面兩種寫錯就會報錯，所以推薦使用。
2、路徑
當前路徑下的a里面的b，b里面的c
在當前目錄下尋找index.html文件
3、偽協議
<a href="javascript：;">點擊后無任何點擊或刷新等動作的反應</a><a href="#要跳轉的元素的id"></a>點擊鏈接的時候，會跳轉到指定元素所在的位置。
<a href="mailto:abcdefg@163.com ">發郵件給我</a><a href="tel:12345678901">打電話給我</a>（二）targe
用于指定鏈接頁面的打開方式
a的target取值
1、內置名字
_blank 在空白頁打開
_self 在當前頁面打開
_parent 在父級窗口打開
_top 在最頂級的窗口打開
<a href="//google.com" target="_blank">超鏈接到google網站的主頁在空白頁打開</a>2、程序員的命名
window：name（在xxx頁面打開）
iframe的name（iframe現在已經很少使用了，是指內嵌窗口）
（三）download
下載頁面，但目前很少用，有的瀏覽器不支持，尤其是手機瀏覽器可能不支持。
1、table標簽的語法：
thead:表頭
tbody:表的內容，用于定義
tfoot:表的腳部
tr:table row,表格里的行
th:表格的表頭部分，其中的文本內容字體加粗居中顯示
td:table data,表格數據，用于定義表格中的單元格
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<table>
<thead>
<tr>
<th></th>
<th>小紅</th>
<th>小黃</th>
<th>小藍</th>
</tr>
</thead>
<tbody>
<tr>
<th>數學</th>
<td>90</td>
<td>60</td>
<td>80</td>
</tr>
<tr>
<th>語文</th>
<td>88</td>
<td>95</td>
<td>97</td>
</tr>
<tr>
<th>英語</th>
<td>88</td>
<td>95</td>
<td>97</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>總分</th>
<td>266</td>
<td>250</td>
<td>274</td>
</tr>
</tfoot>
</table>
</body>
</html>
第一行的th標簽為空
2、table的樣式
table-layout：auto；自動計算每一行的寬高
table-layout：fixed；通過列表的寬度來決定平均寬度
border-collapse：collapse； 合并邊框(默認邊框與邊框之間不合并)
border-spacing：0；邊框為0.(邊框與邊框之間的距離)。
作用：發出get請求，展示一張圖片。
<img src="1.JPG" alt="頭像" width="400" />當前路徑下的1.jpg，確定寬度為400，只寫寬度高度會自適應
屬性
alt：alternate的縮寫，替換的意思。替換文本，圖像不能顯示的文字。
路徑錯誤顯示alt內容
title：提示文本。鼠標放到圖像上，顯示的文字。
響應
max-width：100% 所有的圖片在手機上都自適應寬度，寬度最大為100%。
事件
onload/onerror 監聽圖片是否加載成功，加載成功時用onload，不成功是用onerror事件。確保在onerror事件能夠補救。
<body>
<img id="xxx" src="dog.jpg" alt="一只小狗">
<script>
xxx.onload = function () {
console.log("圖片加載成功");
};
xxx.onerror = function () {
console.log("圖片加載失敗");
xxx.src = "/404.jpg";
};
</script>
</body>監聽成功時，打印出成功
監聽失敗時，先打印出監聽失敗并且開始執行加載失敗是的挽救圖片。404.jpg文件執行
本文為作者本人的原創文章，著作權歸作者本人和饑人谷所有，轉載務必注明來源。
定義html中a標簽的下劃線出現效果
一般默認的a下劃線就是呈現黑色線條，今天給大家做一款自定義a標簽下劃線與以往不同的效果
效果圖如下：
下劃線會由左到右過渡呈現
具體代碼如下
html結構:
css:
天是劉小愛自學Java的第76天。
感謝你的觀看，謝謝你。
話不多說，繼續html的學習：
昨天學習了最基礎的文本標簽及屬性，除此之外還有很多其它標簽，今天逐一學習。
a標簽有一個必不可少的屬性：href。href也就是超鏈接的意思。
下面編寫代碼，其中我每行之間用了兩個換行符（<br/><br/>），為了使頁面看起來相對而言更加美觀些。
①href="#"
作用是跳轉本頁面。
②href="對應網頁鏈接地址"
作用是跳轉到對應網頁。
③href="本地主頁"
這個呢是我自己電腦里面的一個html文件，自己可以訪問，但是別人就沒法訪問了。
②中的是只要網址能打開，所有人都能訪問。
④href="mailto:對應郵箱地址"
作用是用本地的郵箱客戶端，給填寫的郵箱發送郵件。
⑤target="_self"
self，自身的意思，作用就是在當前頁面中打開填入的網頁鏈接。
⑥target="_blank"
blank，空白的意思，作用就是在新窗口中打開填入的網頁鏈接。
⑦title="劉小愛的博客"
title，又是標題，這里的作用是：當我們將鼠標放在當前鏈接上的時候會出現一個標題提示。
代碼編寫完畢，做一個測試：
其中有個小常識：
左鍵直接點擊，會在當前頁面中打開對應鏈接。
Ctrl+左鍵點擊，會在新的頁面中打開對應鏈接。
1圖片標簽
image，圖像的意思，簡寫為img，圖片標簽也就是用img來表示。
①src="圖片地址"
如果是本地圖片，寫出圖片所在的路徑即可。
如果是網絡圖片，寫出其對應的鏈接即可。
其中width為寬度，height為高度，如果只設置其中一項，高度和寬度是等比例縮放的。
當然也可以寬度高度同時設置不同的值。
②alt="圖片丟失了啦"
如果圖片丟失了，就會顯示alt里面的內容。
③title="我是劉小愛"
同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標簽來劃分表格。
這個稍作了解即可，感覺使用這些標簽和不使用這些標簽對表格本身沒有影響。
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列刪除。
謝謝你的觀看。
如果可以的話，麻煩幫忙點個贊，謝謝你。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
