2014年6月18日 星期三

第14-14堂--TABLE介紹

<table border="2">
<tr><td>第A1格</td><td>第B1格</td></tr>
<tr><td>第A2格</td><td>第B2格</td></tr>
<tr><td>第A3格</td><td>第B3格</td></tr>
</table>

效果:
第A1格第B1格
第A2格第B2格
第A3格第B3格

  • 想要製作出左、右兩格方式排列的圖片,先準備好要上傳的圖片。
  • 複製以上語法到[HTML]區中,如果要增加A4、B4格,就再複製<tr>....</tr>一整行....依此類推。
  • 接著將游標停留在""這個字的前面,按下[插入圖片]後,再把[第XX格]這四個字刪除。
  • 全部都插入圖片後,再轉回到[撰寫]區中調整圖片大小。
  • 如果不想要看到格線,將第一行的2改成0,變成<table border="0">
Youtube背景音樂
Youtube的影片,如果要只抓取音樂,放到Blogger的網站,要怎麼做呢?
  1. 先到Youtube網站,找到你想放的影片音樂。
  2. 在網址上看到網址後,注意後面v=後面的YoutubeID,例如下圖中的網址是https://www.youtube.com/watch?v=A4fjT2TGmEI,ID就是A4fjT2TGmEI 20140228-1
  3. 把下面這段語法,複製到Blogger裡的HTML裡,但改成Youtube的ID這幾個字,要改成上述的ID
<div style="position:relative;width:267px;height:25px;overflow:hidden;">
<div style="position:absolute;top:-276px;left:-5px"><iframe width="300" height="300" src="https://www.youtube.com/embed/改成Youtube的ID?rel=0"></iframe></div></div>
效果如下:

沒有留言:

張貼留言