公告版位
從小害怕寫作文, 文筆不佳到現在, 還請各位讀者大大:
1. 發現有錯誤, 請留言告知. (或者你 '覺得' 不對也行)
2. 用字措辭不當, 請留言告知.
3. 有看沒有懂? 幫到忙也好, 幫倒忙也罷, 總之留個言吧.

目前日期文章:201508 (4)

瀏覽方式: 標題列表 簡短摘要

有幾個 HTML 屬性用途相當特別, 特別記下以茲備忘:


1. title:

title 屬性可以附加在任何的 tag 上, 它的功用是產生類似 Tooltip Text 的提示效果: 當滑鼠停留在某個元素上面時, 就會出現提示文字. 例如:

<p title='簡介'>落落長的文章本文, 落落長的文章本文, 落落長的文章本文...</p>
文章標籤

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

自己寫的網頁掛在別的網頁框架上的時候 (如部落格網站...), 或者是自己用的 CSS 設定的列表一長, 偶而會有樣式跑掉了的狀況發生, 但常常不是很容易找出到底是被哪一條 (或者是哪幾條) css rule 蓋掉.

下面是如何用最簡單的工具: browser 內建的除錯工具來找出問題所在: 不必特別設定什麼或安裝什麼外掛, 只要按 F12 就對了:


IE 11 按下 F12 之後, 跳出來的除錯畫面如下, 它可能併在和原本的頁面的下方, 你可以按下黑色 Menu Bar 右手邊倒數第二個的 取消釘選 (Ctrl-P) 把它和原始的 IE 頁面分離開來:

文章標籤

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

特性:

  • 所有的 HTML tag 都可以附帶指定 ID 的屬性. 例如:
    <div id="div1" ...>
    <p id="paraX"...>This is a sample paragraph. ...</p>
    <table id="time_zone"><tr>...
  • ID 值 (原則上) 必需唯一. (參看 注意事項1)
  • ID 值的合法字元為: 第一個字元為英文字母 [A-Za-z], 加上任何長度組合的 英文字母, 數字 [0-9], 減號 ('-'), 底線 ('_'), 冒號 (':'), 小數點 ('.') (參看 注意事項2)

用途:

  • 用於 CSS selector, 指定需要套用的元素. 例如:
    <style type="text/css">
    #div1 {color:red; margin: 5px;}
    </style>
    ...
    <div id="div1">
    <p>....</p>
    </div>
    
文章標籤

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

在 w3school 網站上的網頁中常會有可以讓讀者 "邊學邊試的網頁" 連結.

W3Sschool Tryit

點進去後呢, 頁面長這樣, 左邊是讀者可修改的文字區塊, 右邊則是網頁的結果:

文章標籤

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

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼