〔筆記〕Html語法設定．html標籤．html小技巧 篇

Q：如何在文章內，放上自己部落格的連結網址？（使用 html 語法）

1、輸入 html 語法

<a href=''連結網址''>顯示的文字</a>

連結網址：http://u7804156.blogspot.tw/2013/11/13.html
顯示的文字：義大利 蜜月旅行 13 天 篇 ＠ 華友旅行社 推薦 好玩 必去

2、發佈後，文章會顯示如下：

義大利 蜜月旅行 13 天 篇 ＠ 華友旅行社 推薦 好玩 必去

• 參考文章：
• 如何在Mobile01發表景點並提昇部落格流量 | 玩賺部落格
• http://www.blogfuntw.com/2012/01/mobile01-waypoint/

插入「圖片」

<img src=''照片網址''>

增加圖片的說明文字

<img alt=''含有關鍵字的說明描述'' src=''照片網址''>

文字「超連結」

<a href=''連結網址''>顯示的文字</a>

文字「超連結」．另開新頁面

<a href=''連結網址'' target=''_blank''>顯示的文字</a>

圖片做「超連結」

<a href=''連結網址''><img src=''照片網址''></a>

圖片「超連結」．另開新頁面

<a href=''連結網址'' target=''_blank''><img src=''照片網址''></a>

強迫斷行（換行）

<br />

字體加粗

<b>要加粗的文字</b>

字體色彩

<font color=''顏色代碼''>你要的文字</font>

顏色代碼 → 參考：http://html-color-codes.info/

橫線．分隔線

<hr />

▼以下．雜七雜八．先記下來在說

<font color=''blue'' size=5> 你今天好嗎？</font>

→ 顯示：你今天好嗎？（字體顏色為藍，字體大小為5）

對齊方式：文字置中對齊

font-align:center



更換版面圖片：

#banner
background:url()



寬度為 400px 的圖片網址：
http://連結網址/s400/圖片名稱.jpg

原始尺寸大小的圖片網址：
http://連結網址/圖片名稱.jpg