HTML、CSS、JavaScript网页制作从入门到精通

时间:2022-05-21 14:23:17

这大概是我第一次写博客吧,自从大一开始写代码,至今也有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()一直重复执行