1、HTML是什么？
超文本标记语言，用来设计网页 的（静态网页：.html,.htm),需要借助于浏览器进行展示，浏览器是网页的运行环境，建议安装chrome浏览器。html:由一系列标签构成的语言，用来设计网页的。
HTML标签由尖括号包围关键词。通常是成对出现的，称为双标签。例如<html>(开始标签)和</html>(结束标签)。有些特殊标签为单个标签，称为单标签。标签关系有包含关系和并列关系。标签的含义(语义)：标签是用来干嘛的。(在适合的地方给一个合理的标签可以使页面结构更清晰)。每个网页都会有一个基本的结构标签(也称为骨架标签)，HTML页面也称为HTML文档。不区分大小写。
2、什么是html5？
HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5 由不同的技术构成，其在互联网中得到了非常广泛的应用。
HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
3、常用的标签有哪些？
1.标题标签<h1>-<h6>
2.段落标签<p>
3.换行标签<br/>
4.文本格式标签 (1)加粗：<strong></strong>或<b></b> （2）倾斜：<em></em>或<i></i> （3）删除线：<del></del>或<s></s> （4）下划线：<ins></ins>或<u></u>
5.<div>和<span>标签
6.图像标签 <img src="图片路径" alt="替换文本" width="x" height="y" title="标题"/>
7.超链接 <a href="链接地址" target="目标窗口位置">文本或图像</a>
8.列表标签 （1）有序列表: <ol><li>列表项</li></ol>（2）无序列表:<ul><li>列表项</li></ul>（3）自定义列表 <dl><dt>标题</dt><dd>数据项</dd></dl>
4、标签分哪几类？
块级元素：独占一行，可以设置宽高，如果不设置，默认占据父元素宽度的100%，块可以嵌套 块 和 行标签：div,h1-h6 ul ol dl li p table form
行级元素:在行内显示，与其他行内元素并排显示，一行排不下了才折行显示，内容撑开宽高，不可以设置宽高（img、input除外），行标签通常嵌套行标签。标签：span a em strong input img 。特殊标签：img 和 input ，行内块状标签，兼具两种类型标签的特点。
可以相互转换：样式（display)
5、什么是css？css有什么优势？
css层叠样式表（Cascading Style Sheet）对页面进行美化、布局、排版、定位 。html是骨架。css是衣服，起到装饰的作用，花花绿绿的，css是用来修饰网页的，让网页变得更美丽，更好看。
优势：
1、内容与表现分离。
2、网页的表现统一，容易修改。
3、丰富的样式，使页面布局更加灵活。
4、减少网页的代码量，增加网页的浏览速度，节省网络带宽。
5、运用独立于页面的CSS，有利于网页被搜索引擎收录。
6、css的引入方式有几种？有什么区别？
1、内嵌: <head><style></style></head>
2、外部样式：一个独立的css文件 ，页面中引入。
区别：
<link/>标签属于HTML，@import是属于CSS2.1。
使用<link/>链接的CSS文件先加载到网页当中，再进行编译显示。
使用@import导入的CSS文件，客户端显示HTML结构，再把CSS文件加载到网页当中。
@import是属于CSS2.1特有的，对于不兼容CSS2.1的浏览器来说就是无效的。
7、什么是盒子模型？定位分为哪几类？
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 标准盒模型：宽度=左右边框+左右内边距+内容宽度+两边外边距；怪异盒模型：宽度=内容宽度+两边外边距；
定位分为相对定位、绝对定位、固定定位和粘性定位。
相对定位：相对于该元素原始的位置进行定位，不会脱离文档流，后续元素不受影响。
绝对定位：相对于已经使用了定位属性的祖先元素进行定位，如果祖先元素没有使用定位属性，以(0,0)进行定位， 脱离文档流，后续元素会受影响。
固定定位：相对于浏览器进行定位，脱离文档流 。
粘性定位：相对定位+固定定位，必须设置一个阈值（top,left,bottom,right）。
8、什么是浮动？
float:left | right :让标签在 水平方向上靠左或者靠右停放，碰到父容器的边缘或者是前一个浮动元素的边缘为止；
浮动对行内和块状元素的效果： 1、行内元素浮动，会变成不独占一行的块状元素，可以设置宽和高。2、块状元素浮动，依旧是块状元素，不会独占一行；可以让块状元素水平排列，用来布局。
9、什么是JavaScript？
JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，它能使网页可交互。
JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。
JavaScript 在 1995 年由 Brendan Eich 发明，并于 1997 年成为 ECMA 标准。
ECMAScript6 (ES6) 是最主流的 JavaScript 版本（发布于 2015 年)。
10、JavaScript引入方式有哪些？有哪些变量？
内部脚本：将JS代码定义在html页面的<script></script>中。
建议：将<script></script>放在<body>的底部。
外部脚本：将JS代码定义在js文件中，通过<script></script>标签引入。
注意：通过<script>标签引入外部js文件时，标签不可以自闭合。
JS是弱类型语言，变量可以存放不同类型的值。
var：声明变量，全局作用域/函数作用域，允许重复声明。
let：声明变量，块级作用域，不允许重复声明。
const：声明常量，一旦声明，常量的值不能改变。
value 的数据类型为：
数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在方括号中）
对象（在花括号中）
null
11、JS中有哪几种对象？
Array：JavaScript 中的数组相当于 Java 中集合，数组的长度是可变的，而 JavaScript 是弱类型，所以可以存储任意的类型的数据。
JSON：JavaScript Object Notation，JavaScript对象标记法。JSON 是通过 JavaScript 对象标记法书写的文本。
BOM：Browser Object Model 浏览器对象模型，允许JavaScript与浏览器对话， JavaScript 将浏览器的各个组成部分封装为对象。
DOM：Document Object Model ，文档对象模型。将标记语言的各个组成部分封装为对应的对象。
12、JS中事件的绑定方式有几种？常见的事件有哪些？
1、通过 HTML标签中的事件属性进行绑定
<input type="button" onclick="on()" value="按钮">
<script>
function on(){
alert('按钮被点击啦');
}
</script>
2、通过 DOM 元素属性绑定
input type="button" id="btn" value="按钮">
<script>
document.getElementById('btn').onclick=function(){
alert('按钮被点啦!');
}
</script>
常见的事件：
1、鼠标事件：
mouseenter：鼠标进入一个节点时触发，进入子节点不会触发这个事件，不支持冒泡
mouseleave：鼠标离开一个节点时触发，离开父节点不会触发这个事件，不支持冒泡
contextmenu：按下鼠标右键时（上下文菜单出现前）触发，或者按下“上下文”菜单键时触发。
mousedown：按下鼠标键时触发。
2、键盘事件：
keydown：按下键盘时触发，当键盘按下任何一个键的时候发生（包括系统键）
keypress：按下有值的键时触发，即按下 Ctrl、Alt、Shift、Meta 这样无值的键，这个事件不会触发。对于有值的键，按下时先触发keydown事件，再触发这个事件。
keyup：松开键盘时触发该事件。
3、表单事件：
（1）input事件 当<input>、<select>、<textarea>的值发生变化时触发。
（2）change事件 当<input>、<select>、<textarea>的值发生变化时触发。它与input事件的最大不同，就是不会连续触发，只有当全部修改完成时才会触发，另一方面input事件必然伴随change事件。
（3）焦点事件 focus：元素节点获得焦点后触发，该事件不会冒泡。blur：元素节点失去焦点后触发，该事件不会冒泡。
4、其它事件：load事件、DOMContentLoaded 事件、unload卸载事件、scroll事件 、resize事件
5247
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
