2015年2月3日

[筆記] html語法設定.html標籤.html小技巧 篇

Q:如何在文章內,放上自己部落格的連結網址?(使用 html 語法)


1、輸入 html 語法

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

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

2、發佈後,文章會顯示如下:

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



插入「圖片」


<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








Related Posts Plugin for WordPress, Blogger...