Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
文共3091字,預計學習時長9分鐘
來源:Pexels
“嘿,這是鏈接,有空給我打電話。”
國外的朋友說完這話,就在Facebook上給小芯發了一個鏈接。不知道這是什么鏈接就順手點開了。令小芯吃驚的是,手機撥號器竟然啟動了,上面自動輸入了一串號碼。小芯在TrueCaller上查了一下這個號碼,想看看是誰的——居然就是朋友的。小芯感到非常驚喜,于是決定對這個超贊的功能進行一番研究。
接下來,將會與大家分享小芯收集到的知識。
簡介
通過HTML可以添加能夠直接啟動手機撥號盤的鏈接,但這一功能只適用于手機,然而谷歌瀏覽器有一個很贊的功能:在電腦上點擊這個鏈接,然后就可以通過手機撥打電話。這些鏈接稱為點擊撥號鏈接。
<!-- 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
打開號碼撥號
HTML hrefURI的其它訣竅
還有一些很贊的訣竅。
· 打開指向某個地址的谷歌地圖
· 打開預寫好收件人和郵件正文的電子郵件客戶端
· 打開預寫好短信內容的短信服務應用程序
來源:Pexels
打開指向某個地址的谷歌地圖
你可以用谷歌地圖打開某個地址,這些鏈接稱為地圖URL,可以跨平臺使用。如果手機中安裝了谷歌地圖的本地應用程序,那么URL會打開應用程序,并執行請求的操作。若未安裝的話,URL就會在瀏覽器中啟用谷歌地圖,再執行請求的操作。
將有以下幾種選擇:
· 打開顯示地址位置的谷歌地圖
· 打開帶有地址方位的谷歌地圖
閱讀參考資料中的文檔,了解更多關于地圖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
使用此代碼段打開谷歌地圖
打開預寫好收件人和郵件正文的電子郵件客戶端
mailto:通過該標簽,可以打開用戶的電子郵件客戶端并創建新郵件,添加郵件主題、正文、收件人、抄送和密送的電子郵件地址。
以下是包含上述示例的代碼片段。
<!-- 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
打開預寫好短信內容的短信服務應用程序(不支持IOS)
Sms:通過該標簽,可以將寫好正文的短信發送到某個號碼上。不過,請確保正文內容采用的是URL編碼格式,這樣才能確保發送過去后,符號和空格也可以正常顯示。下面是一個用法示例的代碼片段。
<!-- 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
使用此代碼段打開短信服務客戶端
驚喜
你可以將以上這些技巧運用到個人簡歷上。只需一個PDF編輯器,為任何想要的文本添加鏈接,使用上述示例方案(鏈接)作為URL。在線PDF編輯器請參見下方參考資料的鏈接。
是不是很神奇,雖然都是些簡單的操作,卻能讓人眼前一亮,十分驚喜,快來試試吧~
留言點贊關注
我們一起分享AI學習與發展的干貨
如轉載,請后臺留言,遵守轉載規范
鏈接是指為了快速訪問而創建的指向一個目標的鏈接關系。例如,在瀏覽網頁時,單擊某些文字或圖片就會打開另一個網頁,這就是超鏈接。在Excel中,我們也可以輕松創建這種具有跳轉功能的超鏈接,例如,創建指向文件的超鏈接、創建指向網頁的超鏈接等。
例如,要創建指向文件的超鏈接,具體操作方法如下。
第1步:打開文件所在位置,選中要創建超鏈接的單元格,本例中選擇A2;切換到(插入)選項卡;單擊(超鏈接)按鈕,如下圖所示。
第2步:彈出(超鏈接)對話框,在(鏈接到)列表框中選擇(原有文件或網頁)選項;在(當前文件夾)列表框中選擇要引用的工作簿,本例中選擇(班級操行評定表.xlsx);單擊(確定)按鈕,如下圖所示。
第3步:返回工作表,將光標指向超鏈接處,光標會變成手形,單擊創建的超鏈接,Excel會自動打開所引用的工作簿,如下圖所示。
如果要創建指向網頁的超鏈接,可以打開(插入超鏈接)對話框,在(超鏈接)列表框中選擇(原有文件或網頁)選項,在(地址)文本框中輸入要鏈接到的網頁地址,然后單擊(確定)按鈕即可。
全棧攻城獅-每日更新原創IT編程技術及日常實用視頻。
主要內容:這是HTML課程的第五課,主要講解HTML的圖片和超鏈接。讓自己設計的網頁更加多元素。
在上節中主要講解了HTML的文字標簽和格式標簽。上篇請戳→→04程序員定要學HTML,字體段落標簽介紹,60秒搞定
其實如果沒有記住也無所謂。畢竟這些標簽都是HTML中比較常用的,在以后的相關的案例中也會使用。此系列教程主要講解HTML從基礎到精通。自己能夠設計一個完整的前端網頁項目。
程序員寫代碼
在HTML中添加圖片其實很簡單,就是添加一個img的標簽。
圖片標簽的語法
一般有src、alt、width、height四種屬性就夠用了。
效果:
圖片的顯示效果
src表示的是圖片的路徑,這里面的值應該怎么寫呢?
(1)html文件和圖片在相同一個文件夾下。
HTML文件和圖片文件在相同的目錄下,可以直接書寫文件的名稱。
寫文件名的寫法,如上面的HTML
(2)圖片在HTML文件所在目錄的文件夾內:
如圖:
圖片文件在文件夾內
此時需要加上文件夾名稱,并加上“/”表示下層目錄:
下層目錄的圖片寫法
(3)圖片文件在上層目錄
如果圖片在HTML文件所在的上層目錄,則需要寫“..”表示向上一級。如圖:
上層目錄
超鏈接就是可以鏈接到某個資源的東西,比如我們打開百度首頁搜索后,產生的就是超鏈接:
這些藍字超鏈接
這些藍色的文字標題,我們點擊之后可以跳轉到新的網站。這就是超鏈接。下面我們自己寫一個超鏈接:
超鏈接的寫法
超鏈接預覽
超鏈接中的潮涌屬性包括:href(網頁地址)、title(說明描述)、target(打開網頁的位置)、name(名稱)。
其中href支持帶有任何協議的連接。title是對超鏈接的說明。
程序員
target包括四個值:
_blank
在新的窗口打開連接
_self
在當前窗口打開超鏈接
_parent
在父窗口打開超鏈接,這個后面會說,不常用
_top
在整個窗口中打開被鏈接文檔。
每天一個知識點,帶你邁向軟件編程大神,一起努力吧。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。