前言
html,CSS,JavaScript 是前端入门必须学习的知识, 也是最基础的知识. 文章主要分享包括 (HTML,CSS,JS)前端基础知识笔记, 学习路线图, 最后附前端基础面试题.
HTML 知识点
1. HTML 基本结构
HTML 标签是由 <> 包围的关键词.
HTML 标签通常成对出现, 分为标签开头和标签结尾.
有部分标签是没有结束标签的, 为单标签, 单标签必须使用 / 结尾.
页面所有的内容, 都在 HTML 标签中.
HTML 标签分为三部分: 标签名称, 标签内容, 标签属性.
HTML 标签具有语义化, 可通过标签名能够判断出该标签的内容, 语义化的作用是网页
结构层次更清晰, 更容易被搜索引擎收录, 更容易让屏幕阅读器读出网页内容.
标签的内容是在一对标签内部的内容.
标签的内容可以是其他标签.
2. 标签属性
class 属性: 用于定义元素的类名
id 属性: 用于指定元素的唯一 id, 该属性的值在整个 HTML 文档中具有唯一性
style 属性: 用于指定元素的行内样式, 使用该属性后将会覆盖任何全局的样式设定
title 属性: 用于指定元素的额外信息
accesskey 属性: 用于指定激活元素的快捷键
tabindex 属性: 用于指定元素在 tab 键下的次序
dir 属性: 用于指定元素中内容的文本方向, 属性只有 ltr 或 rtl 两种
lang 属性: 用于指定元素内容的语言
3. 事件属性
Windows 窗口事件:
onload, 在网页加载结束之后触发
onunload, 在用户从网页离开时发生(点击跳转, 页面重载, 关闭浏览器窗口等)
form 表单事件:
onblur, 当元素失去焦点时触发
onchange, 在元素的值被改变时触发
onfocus, 当元素获得焦点时触发
onreset, 当表单中的重置按钮被点击时触发
onselect, 在元素中文本被选中后触发
onsubmit, 在提交表单时触发
keyboard 键盘事件:
onkeydown, 在用户按下按键时触发
onkeypress, 在用户按下按键后, 按着按键时触发.(该属性不会对所有按键生效, 不生效的有: alt,ctrl,shift,esc)
mouse 鼠标事件:
onclick, 当在元素上发生鼠标点击时触发
onblclick, 当在元素上发生鼠标双击时触发
onmousedown, 当元素上按下鼠标按钮时触发
onmousemove, 当鼠标指针移动到元素上时触发
onmouseout, 当元素指针移出元素时触发
onmouseup, 当元素上释放鼠标按钮时触发.
Media 媒体事件
onabort, 当退出时触发
onwaiting, 当媒体已停止播放但打算继续播放时触发
4. 文本标签
- <ul>
- </ul>
- 列表定义一个无序列表
- <li>
- </li>
- 代表无需列表中的每一个元素
- <form>
- </form>
- 表单是可以把浏览者输入的数据传送到服务器端, 这样服务器端程序就可以处理表单传过来的数据.
- <form method="传送方式" action="服务器文件">
- <!DOCTYPE HTML>
- 定义文档类型, 告知浏览器用哪一种标准解释 HTML
- <HTML>
- </HTML>
- 可告知浏览器其自身是一个 HTML 文档
- <body>
- </body>
- 标签之间的内容是网页的主要内容
- <head>
- </head>
- 标签用于定义文档的头部, 它是所有头部元素的容器
- <title>
- </title>
- 元素可定义文档的标题
- <link>
- 标签将 CSS 样式文件链接到 HTML 文件内
- <meta>
- 定义文档的元数据
来源: http://www.jianshu.com/p/6f1282bdc11f