整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
文共3091字，預(yù)計(jì)學(xué)習(xí)時(shí)長9分鐘
來源：Pexels
“嘿，這是鏈接，有空給我打電話。”
國外的朋友說完這話，就在Facebook上給小芯發(fā)了一個(gè)鏈接。不知道這是什么鏈接就順手點(diǎn)開了。令小芯吃驚的是，手機(jī)撥號(hào)器竟然啟動(dòng)了，上面自動(dòng)輸入了一串號(hào)碼。小芯在TrueCaller上查了一下這個(gè)號(hào)碼，想看看是誰的——居然就是朋友的。小芯感到非常驚喜，于是決定對(duì)這個(gè)超贊的功能進(jìn)行一番研究。
接下來，將會(huì)與大家分享小芯收集到的知識(shí)。
簡介
通過HTML可以添加能夠直接啟動(dòng)手機(jī)撥號(hào)盤的鏈接，但這一功能只適用于手機(jī)，然而谷歌瀏覽器有一個(gè)很贊的功能：在電腦上點(diǎn)擊這個(gè)鏈接，然后就可以通過手機(jī)撥打電話。這些鏈接稱為點(diǎn)擊撥號(hào)鏈接。
<!-- This link would open your dialpad with the number 123456789 -->
<ahref="tel:123456789">Click Me To Call Me</a>
clickToCall.html hosted with ? by GitHub
打開號(hào)碼撥號(hào)
HTML hrefURI的其它訣竅
還有一些很贊的訣竅。
· 打開指向某個(gè)地址的谷歌地圖
· 打開預(yù)寫好收件人和郵件正文的電子郵件客戶端
· 打開預(yù)寫好短信內(nèi)容的短信服務(wù)應(yīng)用程序
來源：Pexels
打開指向某個(gè)地址的谷歌地圖
你可以用谷歌地圖打開某個(gè)地址，這些鏈接稱為地圖URL，可以跨平臺(tái)使用。如果手機(jī)中安裝了谷歌地圖的本地應(yīng)用程序，那么URL會(huì)打開應(yīng)用程序，并執(zhí)行請(qǐng)求的操作。若未安裝的話，URL就會(huì)在瀏覽器中啟用谷歌地圖，再執(zhí)行請(qǐng)求的操作。
將有以下幾種選擇：
· 打開顯示地址位置的谷歌地圖
· 打開帶有地址方位的谷歌地圖
閱讀參考資料中的文檔，了解更多關(guān)于地圖URL的信息。
<!-- This link would open Google Maps with the location of the address No 20, James Road, Washington -->
<ahref="https://www.google.com/maps/search/?api=1&query=20,James%20Road,Washington">Click Me To Open Google Maps</a>
<!-- This link would open Google Maps with the direction to the address No 20, James Road, Washington -->
<ahref="https://www.google.com/maps/dir/?api=1&destination=20,James%20Road,Washington">Click Me To Open Google Maps</a>
<!-- P.S. There is No James Road in Washington :P -->
clickToOpenMaps.html hosted with ? by GitHub
使用此代碼段打開谷歌地圖
打開預(yù)寫好收件人和郵件正文的電子郵件客戶端
mailto：通過該標(biāo)簽，可以打開用戶的電子郵件客戶端并創(chuàng)建新郵件，添加郵件主題、正文、收件人、抄送和密送的電子郵件地址。
以下是包含上述示例的代碼片段。
<!-- This would open your email client and create a new mail addressed to someone@abc.com -->
<ahref="mailto:someone@abc.com">Click Here To Mail Me</a>
<!-- This would open your email client and create a new mail addressed to someone@abc.com with the subject Mail From Link -->
<ahref="mailto:someone@abc.com?subject=Mail From Link">Click Here To Mail Me With A Subject</a>
<!-- This would open your email client and create a new mail addressed to someone@abc.com with the subject Mail From Link and a message body as Sample Email-->
<ahref="mailto:someone@abc.com?subject=Mail From Link&body=Sample Email">Click Here To Mail Me With A Subject And Body</a>
<!-- This would open your email client and create a new mail addressed to someone@abc.com with the subject Mail From Link and a message body as Sample Email-->
<ahref="mailto:someone@abc.com?cc=john@someemail.com,jack@junga.com&subject=Mail From Link&body=Sample Email">Click Here To Mail Me With A Subject And Body And CC To Few Others</a>
view rawclickToOpenMail.html hosted with ? by GitHub
使用此代碼段打開電子郵件客戶端
來源：Pexels
打開預(yù)寫好短信內(nèi)容的短信服務(wù)應(yīng)用程序（不支持IOS）
Sms：通過該標(biāo)簽，可以將寫好正文的短信發(fā)送到某個(gè)號(hào)碼上。不過，請(qǐng)確保正文內(nèi)容采用的是URL編碼格式，這樣才能確保發(fā)送過去后，符號(hào)和空格也可以正常顯示。下面是一個(gè)用法示例的代碼片段。
<!-- This would open your sms app and create a new message to +94771234557 with
the message shsa@ 2324@#$%^& Hi there I'd Like A Coffee
Make sure you encode your message body before sending-->
<ahref="sms:+94771234557?body=shsa%40%202324%40%23%24%25%5E%26%20Hi%20there%20I%27d%20Like%20A%20Coffee">
Click here to text us!
</a>
view rawclickToOpenSms.html hosted with ? by GitHub
使用此代碼段打開短信服務(wù)客戶端
驚喜
你可以將以上這些技巧運(yùn)用到個(gè)人簡歷上。只需一個(gè)PDF編輯器，為任何想要的文本添加鏈接，使用上述示例方案（鏈接）作為URL。在線PDF編輯器請(qǐng)參見下方參考資料的鏈接。
是不是很神奇，雖然都是些簡單的操作，卻能讓人眼前一亮，十分驚喜，快來試試吧~
留言點(diǎn)贊關(guān)注
我們一起分享AI學(xué)習(xí)與發(fā)展的干貨
如轉(zhuǎn)載，請(qǐng)后臺(tái)留言，遵守轉(zhuǎn)載規(guī)范
鏈接是指為了快速訪問而創(chuàng)建的指向一個(gè)目標(biāo)的鏈接關(guān)系。例如，在瀏覽網(wǎng)頁時(shí)，單擊某些文字或圖片就會(huì)打開另一個(gè)網(wǎng)頁，這就是超鏈接。在Excel中，我們也可以輕松創(chuàng)建這種具有跳轉(zhuǎn)功能的超鏈接，例如，創(chuàng)建指向文件的超鏈接、創(chuàng)建指向網(wǎng)頁的超鏈接等。
例如，要?jiǎng)?chuàng)建指向文件的超鏈接，具體操作方法如下。
第1步：打開文件所在位置，選中要?jiǎng)?chuàng)建超鏈接的單元格，本例中選擇A2；切換到（插入）選項(xiàng)卡；單擊（超鏈接）按鈕，如下圖所示。
第2步：彈出（超鏈接）對(duì)話框，在（鏈接到）列表框中選擇（原有文件或網(wǎng)頁）選項(xiàng)；在（當(dāng)前文件夾）列表框中選擇要引用的工作簿，本例中選擇（班級(jí)操行評(píng)定表.xlsx）；單擊（確定）按鈕，如下圖所示。
第3步：返回工作表，將光標(biāo)指向超鏈接處，光標(biāo)會(huì)變成手形，單擊創(chuàng)建的超鏈接，Excel會(huì)自動(dòng)打開所引用的工作簿，如下圖所示。
如果要?jiǎng)?chuàng)建指向網(wǎng)頁的超鏈接，可以打開（插入超鏈接）對(duì)話框，在（超鏈接）列表框中選擇（原有文件或網(wǎng)頁）選項(xiàng)，在（地址）文本框中輸入要鏈接到的網(wǎng)頁地址，然后單擊（確定）按鈕即可。
全棧攻城獅-每日更新原創(chuàng)IT編程技術(shù)及日常實(shí)用視頻。
主要內(nèi)容：這是HTML課程的第五課，主要講解HTML的圖片和超鏈接。讓自己設(shè)計(jì)的網(wǎng)頁更加多元素。
在上節(jié)中主要講解了HTML的文字標(biāo)簽和格式標(biāo)簽。上篇請(qǐng)戳→→04程序員定要學(xué)HTML，字體段落標(biāo)簽介紹，60秒搞定
其實(shí)如果沒有記住也無所謂。畢竟這些標(biāo)簽都是HTML中比較常用的，在以后的相關(guān)的案例中也會(huì)使用。此系列教程主要講解HTML從基礎(chǔ)到精通。自己能夠設(shè)計(jì)一個(gè)完整的前端網(wǎng)頁項(xiàng)目。
程序員寫代碼
在HTML中添加圖片其實(shí)很簡單，就是添加一個(gè)img的標(biāo)簽。
圖片標(biāo)簽的語法
一般有src、alt、width、height四種屬性就夠用了。
效果：
圖片的顯示效果
src表示的是圖片的路徑，這里面的值應(yīng)該怎么寫呢？
（1）html文件和圖片在相同一個(gè)文件夾下。
HTML文件和圖片文件在相同的目錄下，可以直接書寫文件的名稱。
寫文件名的寫法，如上面的HTML
（2）圖片在HTML文件所在目錄的文件夾內(nèi)：
如圖：
圖片文件在文件夾內(nèi)
此時(shí)需要加上文件夾名稱，并加上“/”表示下層目錄：
下層目錄的圖片寫法
（3）圖片文件在上層目錄
如果圖片在HTML文件所在的上層目錄，則需要寫“..”表示向上一級(jí)。如圖：
上層目錄
超鏈接就是可以鏈接到某個(gè)資源的東西，比如我們打開百度首頁搜索后，產(chǎn)生的就是超鏈接：
這些藍(lán)字超鏈接
這些藍(lán)色的文字標(biāo)題，我們點(diǎn)擊之后可以跳轉(zhuǎn)到新的網(wǎng)站。這就是超鏈接。下面我們自己寫一個(gè)超鏈接：
超鏈接的寫法
超鏈接預(yù)覽
超鏈接中的潮涌屬性包括：href（網(wǎng)頁地址）、title（說明描述）、target（打開網(wǎng)頁的位置）、name（名稱）。
其中href支持帶有任何協(xié)議的連接。title是對(duì)超鏈接的說明。
程序員
target包括四個(gè)值：
_blank
在新的窗口打開連接
_self
在當(dāng)前窗口打開超鏈接
_parent
在父窗口打開超鏈接，這個(gè)后面會(huì)說，不常用
_top
在整個(gè)窗口中打開被鏈接文檔。
每天一個(gè)知識(shí)點(diǎn)，帶你邁向軟件編程大神，一起努力吧。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
