整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
鏈接標(biāo)簽是HTML頁(yè)面中最為常見，而且用途最廣的一個(gè)標(biāo)簽，只要我們?yōu)g覽網(wǎng)頁(yè)，就會(huì)有超鏈接。比如，通過(guò)點(diǎn)擊新聞標(biāo)題鏈接到新聞詳情頁(yè)面，通過(guò)點(diǎn)擊商品名稱鏈接到商品列表或者詳情頁(yè)等等。
anchor ， 錨
在HTML中創(chuàng)建超鏈接，只需用a標(biāo)簽包括被鏈接的對(duì)象
<a href="跳轉(zhuǎn)目標(biāo)" target="目標(biāo)窗口的彈出方式">文本或圖像</a>
href：用于指定鏈接目標(biāo)的url地址，必須屬性
target：用于指定鏈接頁(yè)面的打開方式，其取值有 self和 _blank兩種，其中 _self為默認(rèn)值，_blank為在新窗口中打開方式
（1）當(dāng)需要鏈接到 外部鏈接時(shí)，需要添加 http://
（2）當(dāng)需要內(nèi)部鏈接時(shí)，直接鏈接內(nèi)部頁(yè)面名稱即可 如 < a href=“index.html”> 首頁(yè)
（3）如果暫時(shí)沒確定鏈接目標(biāo)時(shí)，一般將href屬性值定義為“#”，表示暫時(shí)為一個(gè)空鏈接
（4）不僅可以創(chuàng)建文本超鏈接，在網(wǎng)頁(yè)中各種網(wǎng)頁(yè)元素，如圖像、表格、音頻、視頻等都可以添加超鏈 接， 只要用a標(biāo)簽包括即可
在當(dāng)前html頁(yè)面上，通過(guò)創(chuàng)建錨點(diǎn)鏈接，用戶能夠快速定位到指定內(nèi)容。
適用于內(nèi)容較多的頁(yè)面，通過(guò)點(diǎn)擊關(guān)鍵詞，可以快速到達(dá)指定區(qū)域。
（1）使用唯一的id標(biāo)注目標(biāo)位置
（2）使用<a href="#id名“>鏈接文本創(chuàng)建鏈接
在html頁(yè)面中，有些符號(hào)直接添加是無(wú)法正常顯示的，這個(gè)時(shí)候就用一些特殊的標(biāo)簽來(lái)表示這類符號(hào)，而這類特殊的標(biāo)簽，我們就叫做特殊字符標(biāo)簽。
HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。HTML 是一種在 Web 上使用的通用標(biāo)記語(yǔ)言。HTML 允許你格式化文本，添加圖片，創(chuàng)建鏈接、輸入表單、框架和表格等等，并可將之存為文本文件，瀏覽器即可讀取和顯示。
新建一個(gè)test.html文件，內(nèi)容如下
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p> </body></html>其中：
保存后運(yùn)行，即可在瀏覽器中打開如下界面
3.1 標(biāo)題
HTML 標(biāo)題（Heading）是通過(guò)<h1> - <h6> 標(biāo)簽來(lái)定義的.
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>這是標(biāo)題 1</h1><h2>這是標(biāo)題 2</h2><h3>這是標(biāo)題 3</h3><h4>這是標(biāo)題 4</h4><h5>這是標(biāo)題 5</h5><h6>這是標(biāo)題 6</h6> </body></html>3.2 段落
HTML 段落是通過(guò)標(biāo)簽 <p> 來(lái)定義的
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <p>這是一個(gè)段落。</p><p>這是一個(gè)段落。</p><p>這是一個(gè)段落。</p> </body></html>3.3 鏈接
HTML 鏈接是通過(guò)標(biāo)簽 <a> 來(lái)定義的
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <a href="https://blog.csdn.net/zong596568821xp">這是一個(gè)鏈接使用了 href 屬性</a> </body></html>3.4 圖像
HTML 圖像是通過(guò)標(biāo)簽 <img> 來(lái)定義的。注意： 圖像的名稱和尺寸是以屬性的形式提供的。
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <img src="zongxp.jpg" width="640" height="640" /> </body></html>3.5 表格
表格由 <table> 標(biāo)簽來(lái)定義。每個(gè)表格均有若干行（由 <tr> 標(biāo)簽定義），每行被分割為若干單元格（由 <td> 標(biāo)簽定義）。字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。表格的表頭使用 <th> 標(biāo)簽進(jìn)行定義。如果不定義邊框?qū)傩裕砀駥⒉伙@示邊框。有時(shí)這很有用，但是大多數(shù)時(shí)候，我們希望顯示邊框。使用邊框?qū)傩詠?lái)顯示一個(gè)帶有邊框的表格：
<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr></table>4.1 基本文檔
<!DOCTYPE html><html><head><title>文檔標(biāo)題</title></head><body>可見文本...</body></html>4.2 基本標(biāo)簽
<h1>最大的標(biāo)題</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的標(biāo)題</h6> <p>這是一個(gè)段落。</p><br> （換行）<hr> （水平線）<!-- 這是注釋 -->4.3 文本格式化
<b>粗體文本</b><code>計(jì)算機(jī)代碼</code><em>強(qiáng)調(diào)文本</em><i>斜體文本</i><kbd>鍵盤輸入</kbd> <pre>預(yù)格式化文本</pre><small>更小的文本</small><strong>重要的文本</strong> <abbr> （縮寫）<address> （聯(lián)系信息）<bdo> （文字方向）<blockquote> （從另一個(gè)源引用的部分）<cite> （工作的名稱）<del> （刪除的文本）<ins> （插入的文本）<sub> （下標(biāo)文本）<sup> （上標(biāo)文本）4.4 鏈接
普通的鏈接：<a href="http://www.example.com/">鏈接文本</a>圖像鏈接： <a href="http://www.example.com/"><img src="URL" alt="替換文本"></a>郵件鏈接： <a href="mailto:webmaster@example.com">發(fā)送e-mail</a>書簽：<a id="tips">提示部分</a><a href="#tips">跳到提示部分</a>4.5 圖片
<img src="URL" alt="替換文本" height="42" width="42">4.6 樣式/區(qū)塊
<style type="text/css">h1 {color:red;}p {color:blue;}</style><div>文檔中的塊級(jí)元素</div><span>文檔中的內(nèi)聯(lián)元素</span>4.7 無(wú)序列表
<ul> <li>項(xiàng)目</li> <li>項(xiàng)目</li></ul>4.8 有序列表
① B/S架構(gòu)：Browser/Server（瀏覽器/服務(wù)器的交互形式。）
② C/S架構(gòu)：Client/Server（客戶端/服務(wù)器的交互形式。）
① 什么是HTML？② 怎么開發(fā)HTML？③ 怎么運(yùn)行HTML?
?由大量的標(biāo)簽組成，每一個(gè)標(biāo)簽都有開始標(biāo)簽和結(jié)束標(biāo)簽。
?超文本：圖片、聲音、視頻等
?編輯器有：HBuilder、vscode等
③ 直接采用瀏覽器打開HTML文件就能運(yùn)行
④ HTML是誰(shuí)制定的？
?W3C制定了HTML的規(guī)范：每個(gè)瀏覽器生產(chǎn)廠家都會(huì)遵守規(guī)范。HTML也會(huì)按照規(guī)范去寫代碼
?HTML規(guī)范目前最高的版本是：HTML5.0，簡(jiǎn)稱H5
?我們現(xiàn)在主要學(xué)的HTML4.0（基本用法）
?w3school：先出現(xiàn)的，和W3C無(wú)關(guān)
?w3cschool：后出現(xiàn)的，和W3C無(wú)關(guān)
?W3C制定了很多規(guī)范：HTML/XML/http協(xié)議/https協(xié)議……
頁(yè)面效果圖：
超鏈接的作用：
通過(guò)超鏈接可以從瀏覽器向服務(wù)器發(fā)送請(qǐng)求。
效果圖：
地址欄提交的信息：
?username=abc&userpassowrd=1234&sex=1&aihao=study&aihao=dream&myText=我沒有value屬性；&position=ln&myFile=&myHidden=
14、表單的說(shuō)明：
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
