1. 程式人生 > >HTML、CSS、JavaScript網頁製作從入門到精通

HTML、CSS、JavaScript網頁製作從入門到精通

這大概是我第一次寫部落格吧,自從大一開始寫程式碼,至今也有5年的光景了,很遺憾並沒有養成寫部落格的習慣,一方面因為我平時很少有階段性的總結,另一面也確實不知道該分享些什麼。歸根結底還是功夫不到家,沒有一些讓自己驕傲的階段性成果。既然要寫,還是決定從讀書筆記開始,記下自己學習的心得,一方面可以分享給大家,另一方面也可溫故而知新。

作為我的第一篇讀書筆記,下面進入正題:

HTML

  • <meta>標籤可以設定reload跳轉頁面,例如歡迎介面,3秒後跳轉至主頁
  • 圖片超連結可以設定熱區連結,點選同一張圖片的不同位置,跳轉到不同的頁面
  • align屬性為自身在父元素中的對齊方式
  • 表格:
    1. cellspacing
      屬性:每個單元格之間的間距
    2. cellpadding屬性:單元格邊框與單元格內容之間的距離
  • 單元格:
    1. colspan屬性:水平跨度,合併單元格
    2. rowspan屬性:垂直跨度,合併單元格
  • href="index.html#1",可以連結到其他頁面中的錨點
  • 滾動標記<marquee>,實現內容的滾動
  • text文字框:
    1. size屬性:文字框在頁面中顯示的長度,以字元為單位
    2. maxlength屬性:文字框最多可以輸入的字元數
  • input標籤:
    1. type="reset"重置按鈕
    2. type="image"圖片按鈕

CSS

  • word-spacing單詞間隔
  • letter-spacing
    字元間隔
  • clear清除浮動物件:
    1. none兩邊都可以
    2. left左邊不允許
    3. right右邊不允許
    4. both不允許
  • overflow超出範圍:
    1. visible層的大小和內容都會自動顯示出來
    2. auto內容超出層的範圍時才顯示滾動條
    3. hidden隱藏超出層範圍的內容
    4. scroll總是顯示滾動條
  • visibility可見屬性:
    1. inherit繼承父物件的可見性,預設
    2. visible無論父物件,子層都可見
    3. hidden無論父物件,子層都隱藏
  • list列表:
    1. list-style-type列表符號
    2. list-style-image影象符號
    3. list-style-position列表縮排
  • display:block
    將文字顯示變為塊狀物件,可使用邊距、邊框、寬度、高度等屬性

JavaScript

  • onClick、onChange、onSelect、onFocus、onLoad、onUnload、onBlur、onMouseOver、onMouseOut、onDblClick
    1. 瀏覽器物件navigator
    2. 文件物件document
    3. 視窗物件windows
    4. 位置物件location
    5. 歷史物件history
  • 重複執行函式
    1. setTimeout()執行一次,一般放在函式中實現重複呼叫
    2. setInterval()一直重複執行