HTML、CSS、JavaScript網頁製作從入門到精通
阿新 • • 發佈:2019-02-01
這大概是我第一次寫部落格吧,自從大一開始寫程式碼,至今也有5年的光景了,很遺憾並沒有養成寫部落格的習慣,一方面因為我平時很少有階段性的總結,另一面也確實不知道該分享些什麼。歸根結底還是功夫不到家,沒有一些讓自己驕傲的階段性成果。既然要寫,還是決定從讀書筆記開始,記下自己學習的心得,一方面可以分享給大家,另一方面也可溫故而知新。
作為我的第一篇讀書筆記,下面進入正題:
HTML
<meta>
標籤可以設定reload
跳轉頁面,例如歡迎介面,3秒後跳轉至主頁- 圖片超連結可以設定熱區連結,點選同一張圖片的不同位置,跳轉到不同的頁面
align
屬性為自身在父元素中的對齊方式- 表格:
cellspacing
cellpadding
屬性:單元格邊框與單元格內容之間的距離
- 單元格:
colspan
屬性:水平跨度,合併單元格rowspan
屬性:垂直跨度,合併單元格
href="index.html#1"
,可以連結到其他頁面中的錨點- 滾動標記
<marquee>
,實現內容的滾動 - text文字框:
size
屬性:文字框在頁面中顯示的長度,以字元為單位maxlength
屬性:文字框最多可以輸入的字元數
- input標籤:
type="reset"
重置按鈕type="image"
圖片按鈕
CSS
word-spacing
單詞間隔letter-spacing
clear
清除浮動物件:
none
兩邊都可以left
左邊不允許right
右邊不允許both
不允許
overflow
超出範圍:
visible
層的大小和內容都會自動顯示出來auto
內容超出層的範圍時才顯示滾動條hidden
隱藏超出層範圍的內容scroll
總是顯示滾動條
visibility
可見屬性:
inherit
繼承父物件的可見性,預設visible
無論父物件,子層都可見hidden
無論父物件,子層都隱藏
- list列表:
list-style-type
列表符號list-style-image
影象符號list-style-position
列表縮排
display:block
JavaScript
onClick、onChange、onSelect、onFocus、onLoad、onUnload、onBlur、onMouseOver、onMouseOut、onDblClick
- 瀏覽器物件
navigator
- 文件物件
document
- 視窗物件
windows
- 位置物件
location
- 歷史物件
history
- 瀏覽器物件
- 重複執行函式
setTimeout()
執行一次,一般放在函式中實現重複呼叫setInterval()
一直重複執行