說到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>
實際呈現
相信了解這兩個最基本的語法,在編輯任何網路上的文章,你會更了解該怎麼去進行唷!
留言列表