[公告] 痞客邦新服務上線 每日星座運勢測算[公告] 痞客邦應用市集全新改版![公告] 痞客邦「應用市集」新 App 上架-iFontCloud Professional[公告] 痞客邦後台發表文章提供插入多張圖片新功能[公告]痞客邦新服務上線 部落客商店聚集就在《痞市集》

106960641_1473a4f0a7.jpg說到HTML,就不禁讓我回想起,那是個連FrontPage、Dreamweaver都還不知道在哪裡的年代。用記事本憑空想像,刻下一頁一頁的網頁,近年來,WYSIWYG(What You See Is What You Get,所見即所得)編輯器的盛行,部落格及微網誌的的流行,讓每個人不需要了解繁複的HTML碼(更別說進一步的CSS、XML),就能有漂漂亮亮的網頁呈現。但是,今天你走到這裡來看我們的文章,你就勢必要學會下面的兩個最基本,但是卻是最重要的語法,讓你在自行進行網路行銷的時候更能達到你要的目的。

在開始講之前,要預先講一個觀念:

HTML雖然不算一個超級嚴謹的語法,但是有一個基本規則要遵守:那就是要有始有終。所有的語法起於 < >,結束於 </ >。在使用任何語法的時候,絕對別忘了這一個最重要的規則,以免語法效果出不來唷!

一、插入超連結

不懂超連結,就別想跟人談網路。連結為一個網頁不可少的東西,沒有連結就那都不能去。完整的超連結語法是<a href="要連結的網址">。譬如說我要連結到網路行銷零元本舖(epromotor.pixnet.net),語法則為<a href="http://epromotor.pixnet.net>想要連結的文字</a>,結果就會變成:
想要連結的文字

另外,而在<a href="URL">的標籤中,可插入target="_blank",變成<a href="要連結的網址" target="_blank">,可將連結的畫面內容,開在新的瀏覽視窗中。如果你不加這一參數的話,預設是在同一頁開啟。這個參數其實很重要,我們都想要讓每個使用者停留在自己的網站久一點,但是如果提供了連結給網友,他們一點就連結到別人的網頁去了。所以最好的辦法就是:自動再幫他開一個視窗吧!

你可以比較下面兩個連結的不同:

不開新網頁直接連結(記得要繼續回來看文章啊)

開新網頁連結

當然,target可以設定其他的參數,但是其他比較不那麼實用。有興趣的話可以另外上網搜尋。

二、插入圖片

雖然WYSIWYG編輯器被廣泛運用,但是這個語法是相當重要的。完整插入圖片語法為<img src="圖片網址">,例如:<img src="http://www.it.com.cn/games/image/news/2009/09/07/16/yn0907yy001.jpg"></img>

實際呈現

相信了解這兩個最基本的語法,在編輯任何網路上的文章,你會更了解該怎麼去進行唷!

Posted by backtrue at 痞客邦 PIXNET 留言(12) 引用(0) 人氣()


open trackbacks list Trackbacks (0)

留言列表 (12)

Post Comment
  • power
  • 您好,文章寫得很實用也很清楚
    但是
    請問文章怎樣開始插入html語法?
    目前想在facebook文章中插入自己的網址
    謝謝了
  • facebook的文章其實就像早期的記事本一樣,對我來說是倍感親切啊XD

    所以說,插入html的語法就直接打上去就好了(除了貼圖以外)。

    貼圖的話,寫文章的下方有「上傳照片」,選擇你要貼出來的圖片後上傳,就會在文章中有<Photo 1><Photo 2>等字樣,把字樣貼到哪裡,那就是你圖片會出現的地方。

    其他更詳細可使用的語法,請見http://www.facebook.com/notes_cheatsheet.php

    eProMotor replied in 2009/12/08 22:42

  • POWER
  • 感恩您
  • desertroses
  • 您好,想請問http://www.facebook.com/notes_cheatsheet.php
    這個頁面要從哪裡連過來呢?
    在facebook使用說明那邊,點選網誌,除了熱門問題外沒有解說,要如何找到這些小技巧呢?
    謝謝!
  • 現在沒有這一頁的連結摟,這都是很基本的html語法啦~

    eProMotor replied in 2010/11/13 16:41

  • AllenLiu
  • 請問為什麼不能再增加FBML捏~
    也限制嗎?
  • 因為最近FAcebook有改規則唷,沒有辦法新增的話,就不行了,可以參考替代方案:http://blog.epromotor.info/?p=1209

    eProMotor replied in 2011/04/02 21:14

  • AllenLiu
  • 有改規則?那不就不能使用FBML!
    規則寫了哪些?
    看不太懂你PO的替代方案耶~
  • 實習生
  • 您好: 想要請教您連言版超連結的製作。我想要在簽名檔上放入我的超連結,但是卻無法用HTML的語法進行。(我都是貼<a href="http://www.enspyre.com">Enspyre </a> ) 但是這樣在不同的blog系統都不會變成可點選的連結。 只有Pixnet可以連結網址,但是無名就不行。不知道什麼樣的區域才可以使用HTML語法?

    ------------------------------------
    我在安石的網路行銷實習: http://goo.gl/9SNjH
  • 溫小妮
  • 您好:
    是否方便告訴我,hotmail的超連結使用呢,因為想每次寫新信時,自動會跳出
    我要自己的痞客邦連結網站,但試好久都不行連結,想麻煩您了~感謝您^.^~
  • http://en.wikipedia.org/wiki/Mailto

    你可以參考這一篇

    eProMotor replied in 2012/09/27 13:48

  • Eddie  Lau
  • 這語法還有用嗎? 我怎麼試都不行

You haven’t logged in yet, please use guest status to leave message. You can also log in with above service account and leave message

other options