以下是將圖片放在樂多部落格的圖文排版方式,最好是用HTML原始碼編輯方式,因為發現用HTML瀏覽器編輯有點問題,圖片會沒辦法正常顯示在所見即所得的編輯器上。但是用Html原始碼編輯就可以正常插入圖片的編碼。先簡單介紹一下HTML標籤代表的意思。
</br>:跳下一行。
<p>:段落開始。
</p>:段落結束。
<font></font>:字型設定開始與結束,可設定size字型大小,color字型顏色。
<DIV>:圖層,用來使文字可靠齊圖片的標籤有開始和結尾標籤如<DIV></DIV>。
class:指定所定義的CSS名稱(用來控制圖片、圖層大小或字型、背景顏色等等等)。
<a href=""></a>連結到哪一個網址或圖片,雙引號內及圖片位址或網址位置。
<img src=" ">圖片標籤,SRC的雙引號內指定圖片的位置。width=圖片的寬度,height=圖片的高度,border=圖片邊框。alt=滑鼠停留於圖片上顯示的文字。align=圖片對齊方式(對其位置)。
可以需求刪減或增加HTML碼。步驟及方法大致如下:
step1:上傳檔案與圖片到樂多部落格空間,如下圖示:
圖一
step2:按瀏覽選取圖片然後上傳(每張圖不可超過500k)
圖二
step3:發表新文章,可先用一般模式編輯,等到要插入圖片再切換到HTML原始檔編輯模式,然後再選擇插入圖像或檔案連結的選項。編輯畫面如下:
圖三
你也可透過樂多的圖片區(如圖一),直接點選圖片的名稱,就會跳出一個視窗,網址那邊就有圖片的URL,可以照我這樣的原始碼編輯方式(這是我的step1~step3的原始碼編輯),因為<這個標籤我用全形,所以可以顯示出原始碼:
<p>step1:上傳檔案與圖片到樂多部落格空間,如下圖示:</br>
圖一</br>
<img src="http://blog.roodo.com/caracat/ca02ed06.gif" align="center"></p>
<p>step2:按瀏覽選取圖片然後上傳(每張圖不可超過500k)
圖二</br>
<img src="http://blog.roodo.com/caracat/54dc84f7.gif" align="center"></p>
<p>step3:發表新文章,可先用一般模式編輯,等到要插入圖片再切換到HTML原始檔編輯模式,然後再選擇插入圖像或檔案連結的選項。編輯畫面如下:
圖三</br>
<img src="http://blog.roodo.com/caracat/9d6499a3.gif" align="center"></p>
傑哥如果還不是很懂的話,可以把上面的原始碼copy回去,把文字和圖片的URL改掉,就可以輕鬆在追加內容區排版囉!(記得要把<改成半形的哦!)