PIXNET Logo登入

421244103

跳到主文

歡迎光臨c8cc168在痞客邦的小天地 Blogger HTML 技巧 **智障肥強**

部落格全站分類：不設分類

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 10月 26 週六 201318:00

  • MP3



(繼續閱讀...)
文章標籤

c8cc168 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：管理員-MP3
▲top
  • 10月 24 週四 201323:28

  • youtube 嵌入


<iframe name="you1" allowfullscreen="" frameborder="0" height="300" src="//www.youtube.com/embed/So7UczPCbnE?autoplay=0;playlist=So7UczPCbnE;loop=1;rel=0" width="500"></iframe>
autoplay=1
(繼續閱讀...)
文章標籤

c8cc168 發表在 痞客邦 留言(0) 人氣(4)

  • 個人分類：youtube
▲top
  • 9月 02 週一 201312:45

水平分線
  • align left / center / right 
  • noshade 
  • size 
  • width
    • <hr align="left" size="10" width="50%" />

    <hr align="center" noshade="" size="10" width="50% " />

    <hr align="right" size="20" style="background: green;" width="100%" />

    (繼續閱讀...)
    文章標籤

    c8cc168 發表在 痞客邦 留言(0) 人氣(0)

    • 個人分類：水平分線 hr
    ▲top
    • 9月 02 週一 201312:08

    • href

    <a href = "URL" target = " _new ／ _top ／ _blank ／ name">
    target
    _new=在一個新視窗開啟，不過只會一直在同一個新視窗開啟，不會另外在開一個新視窗
    _top=在同一個視窗出現，不過是整個大視窗，而不是所分割後的視窗
    _blank=跟_new差不多，只是會一直出現新的視窗，而不會在同一個新視窗開啟 =''
    name=視窗名稱
    而在<a href="URL">的標籤中，可插入STYLE="text-decoration:none"
    來消除連結的底線
    (繼續閱讀...)
    文章標籤

    c8cc168 發表在 痞客邦 留言(0) 人氣(0)

    • 個人分類：a href
    ▲top
    • 9月 02 週一 201310:35

    • 表格及邊框


    table border cellpadding cellpaddingrowspan cellspacing tb tr<td><table border="2" cellpadding="30"
            cellspacing="3"  bgcolor=#FF8C00>
           <caption>**標題**</caption>
           <tbody>
           <tr>
           <td bgcolor="#FF0000">AAAAA</td>
           <td bgcolor="#FF0000">BBBBB</td>
           </tr>
           <tr>
           <td bgcolor="#FF0000">CCCCC</td>
           <td bgcolor="#FF0000">DDDDD</td>
           </tr>
           <tr>
           <td bgcolor="#FF0000" colspan=2>
                  EEEEEEE
           </td>
           </tr>
           </tbody>
           </table>
    **標題**
    AAAAA BBBBB
    CCCCC DDDDD
    EEEEEEE

       
      <td><table border="4" cellpadding="3"
              cellspacing="30"  bgcolor=#FF8C00 >
      <caption>**標題**</caption>
         <tbody>
             <tr><td rowspan="2" bgcolor="#FF0000">
            000</td>
            <td bgcolor="#FF0000">1111111</td>
            <td bgcolor="#FF0000">2222222</td>
            </tr>
             <tr>
             <td bgcolor="#FF0000">3333333</td>
             <td bgcolor="#FF0000">4444444</td>
       </tr>
       </tbody>
       </table>
    **標題**
    000 111 222
    333 444

  • align=控制水平是left(靠左)／right(靠右)／center(置中)
  • valign=控制垂直是top(靠上)／middle(置中)／bottom(靠下)
  • background=背景圖檔
  • colspan=使一個儲存格橫跨 N 個欄位
  • rowspan=使一個儲存格下跨 N 個列
  • width=控制表格長度，可用數字或百分比
  • cellspaing=控制儲存格的分隔距離，內定為2
  • background=背景圖檔
  • border=控制外框粗細，不外框便設成0
    • (繼續閱讀...)
    文章標籤

    c8cc168 發表在 痞客邦 留言(0) 人氣(0)

    • 個人分類：table
    ▲top
    • 9月 01 週日 201321:48

    • html input type= check1 / radio

    <script language="JavaScript">
     <!--
         function choice(my_form)
         {
          var str="選擇了 "
    (繼續閱讀...)
    文章標籤

    c8cc168 發表在 痞客邦 留言(0) 人氣(3)

    • 個人分類：checkbox
    ▲top
    • 9月 01 週日 201320:07

    • html input img

    控動相片<input type="image" onclick="image1()" src="https://lh3.googleusercontent.com/IRvVPQPYK9BLg5ZcOubYaJ-6NcYu22kilYZwwKLySVw=w299-h207-p-no" type="image" />
    <iframe align="top" height="30" name="image2" scrollbars="0" scrolling="no" src="" width="100"></iframe>
    (繼續閱讀...)
    文章標籤

    c8cc168 發表在 痞客邦 留言(0) 人氣(0)

    • 個人分類：img
    ▲top
    • 9月 01 週日 201318:13

    • input type = file

    請按下選擇檔案<input id="Str" type="file"  onchange="file1(this.value)" />
    <iframe align="top" height="30" name="file2" scrollbars="0" scrolling="no" src="" width="500"></iframe>
    (繼續閱讀...)
    文章標籤

    c8cc168 發表在 痞客邦 留言(0) 人氣(0)

    • 個人分類：input file
    ▲top
    • 8月 31 週六 201321:07

    • 鍵盤按鍵 KEY event.keyCode

    document.onkeydown
    document.onkeypress
    document.onkeyup
    <iframe align="top" height="30" name="KEY_1" scrollbars="0" scrolling="no" src="" width="100"></iframe><br />
    <br />
    document.onkeypress
    <iframe align="top" height="30" name="KEY_2" scrollbars="0" scrolling="no" src="" width="100"></iframe><br />
    <br />
    document.onkeyup
    <iframe align="top" height="30" name="KEY_3" scrollbars="0" scrolling="no" src="" width="100"></iframe><br />
    <br />
    <script>
    function Fkeydown() {
    KEY_1.document.close();
    KEY_1.document.write("<font size='3' color='Blue' VALGIN='top' >" );
    KEY_1.document.write(event.keyCode);
    }
    document.onkeydown=Fkeydown;
    function Fkeypress() {
    KEY_2.document.close();
    KEY_2.document.write("<font size='3' color='Blue' VALGIN='top' >" );
    KEY_2.document.write(event.keyCode);
    }
    document.onkeypress=Fkeypress;
    function Fkeyup() {
    KEY_3.document.close();
    KEY_3.document.write("<font size='3' color='Blue' VALGIN='top' >" );
    KEY_3.document.write(event.keyCode);
    }
    document.onkeyup=Fkeyup;
    </script>

    | CSS | HTML | document.onkeyup | document.onkeypress | document.onkeydown | VALGIN | scrolling | scrollbars | align |
    (繼續閱讀...)
    文章標籤

    c8cc168 發表在 痞客邦 留言(0) 人氣(1)

    • 個人分類：event.keyCode
    ▲top
    • 8月 27 週二 201322:10

    setTimeout()
    setTimeout('FFF( )', 3000)
    FFF()  = 指定來執行 function3000   = 指定時間為3秒
    clearTimeout(XXX )
    (繼續閱讀...)
    文章標籤

    c8cc168 發表在 痞客邦 留言(0) 人氣(0)

    • 個人分類：setTimeout
    ▲top
    «1...678»

    ck

    文章分類

    • youtube (4)
    • 網頁地圖 (1)
    • table (1)
    • scroll (1)
    • padding (1)
    • ASCII (1)
    • Blogger-下拉式選單 (1)
    • documen-1 (1)
    • Blogger-隱藏修改 CSS (1)
    • Blogger-留言嵌入 (1)
    • setTimeout (1)
    • event.keyCode (1)
    • input file (1)
    • checkbox (1)
    • a href (1)
    • 水平分線 hr (1)
    • 管理員-MP3 (1)
    • HTML-GO TO (1)
    • getMouseXY (1)
    • GO TOP (1)
    • document-属性对照 (1)
    • Blogger-版面寬度 (1)
    • document-1 (2)
    • 焦点選擇 (1)
    • substring() (1)
    • getSeconds (1)
    • hover (1)
    • Blogger-樹狀標籤 (1)
    • documen-焦点選擇 (1)
    • 管理員-講道 (1)
    • document-網頁螢幕 寬高 (1)
    • small (1)
    • class (1)
    • DIV (1)
    • border (1)
    • margin-top (1)
    • float (1)
    • 可收合面板 (2)
    • visibility (1)
    • HTML-導入檔案 link css js (1)
    • Color Code (1)
    • Mouse (1)
    • input (1)
    • 框架及背景 (2)
    • 管理員-YouTube (1)
    • 管理員-CSS (1)
    • 管理員-聽歌 (1)
    • 管理員-推 (1)
    • Blogger-下拉式選單相簿 (1)
    • random() (1)
    • 文字 (1)
    • marquee (1)
    • 彈出視窗 (1)
    • 管理員-金句 (1)
    • img (1)
    • title (2)
    • audio (1)
    • 輸入及選擇 (4)
    • select option (3)
    • &lt;!--&gt; (1)
    • a download (1)
    • abbr title (1)
    • ul li (1)
    • 未分類文章 (1)

    最新文章

    • list-style-type:none;
    • YouTube 自動改變螢幕大細
    • YouTube 播放清單
    • abbr title
    • a download
    • select option 下拉式選單

    熱門文章

    • (563)三層橫的下拉選單按鈕

    動態訂閱

    文章精選

    文章搜尋

    誰來我家

    參觀人氣

    • 本日人氣：
    • 累積人氣：