前端基础HTML知识点汇总

1. 行内元素和块级元素有哪些？有什么区别？

块级：

行内：a、br、i、img、input、strong

区别：块级元素的 W、H、margin和padding都可以控制

行内元素的 W、H，以及margin和padding的top和bottom不能控制

2. 介绍所知道的CSS hack技巧

由于不同的浏览器对CSS的支持和解析结果不同，所以可以使用CSS hack来对不同的浏览器写不同的CSS样式，常见的有（_，*，!important）

3. CSS定位方式有哪些？position的属性值之间的区别是什么

static(静态) 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。

relative(相对定位) 对象不可层叠、不脱离文档流，参考自身静态位置通过

top,bottom,left,right 定位，并且可以通过z-index进行层次分级。

absolute(绝对定位) 脱离文档流，通过 top,bottom,left,right 定位。选取其最近一个最有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。

fixed（固定定位） 这里所固定的参照对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。

4. 类的定义方法（prototype）（继承）

var Obj3 = new Function();

Obj3.prototype = {

v1 : "",

get_v1 : function() {

return this.v1;

},

set_v1 : function(v) {

this.v1 = v;

}

};

5. DOM 操作

前端三件套知识点-概述说明以及解释

1.引言

1.1 概述

概述部分的内容应该对前端三件套的基本概念进行介绍，简要说明HTML、CSS和JavaScript在前端开发中的作用和重要性。

HTML是一种标记语言，用于描述网页的结构和内容。通过使用HTML，我们可以定义网页的标题、段落、图像、链接等元素。HTML为网页提供了基本的骨架和结构。

CSS是一种样式表语言，用于控制网页的外观和布局。通过使用CSS，我们可以设置网页中各个元素的颜色、字体、大小、对齐方式等样式属性，从而实现网页的美化效果。

JavaScript是一种脚本语言，用于给网页增加交互性和动态特效。通过使用JavaScript，我们可以实现网页中的表单验证、按钮点击事件、动态加载内容等功能，使网页具有更好的用户体验和交互性。

前端三件套HTML、CSS和JavaScript相互协作，共同构建了现代网页的基础。HTML负责定义网页的结构，CSS负责控制网页的样式，JavaScript负责处理网页的交互逻辑。他们的配合使用，为开发者提供了丰富的工具和技术，使得前端开发能够更加便捷和灵活。

在本文中，我们将深入探讨前端三件套的各个知识点，从入门到深入，帮助读者全面了解并掌握前端开发的基础知识。

1.2 文章结构

文章结构是指文章的组织方式和层次结构，它决定了文章整体的逻辑框架和信息传递的顺序。在本文中，主要分为引言、正文和结论三个部分。

引言部分用来引入读者进入文章的主题，并对本文的内容进行一个概述。这样可以帮助读者了解文章的主旨和目的。

正文部分是文章的主体，用来详细阐述前端三件套中的HTML基础知识、CSS基础知识和JavaScript基础知识。在每个子节下，可以进一步展开具体的知识点，如HTML标签的使用、CSS样式的应用和JavaScript语法的学习。在这部分中，可以结合实例来说明，配以图表或代码片段，帮助读者更好地理解和掌握这些知识点。

前端⾯试常见知识点

1、JavaScript this指针、闭包、作⽤域

this：指向调⽤上下⽂

闭包：内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中⼀个这样的内部函数在包含它们的外部函数之外被调⽤时，就会形成闭包。

闭包的好处：（1）不增加额外的全局变量，（2）执⾏过程中所有变量都是在匿名函数内部。闭包的缺点：

（1）滥⽤闭包函数会造成内存泄露，因为闭包中引⽤到的包裹函数中定义的变量都永远不会被释放，内存消耗很⼤，所以不能滥⽤闭包，否则会造成⽹页的性能问题，在IE中可能导致内存泄露。解决⽅法是，在必要的时候，及时释放这个闭包函数,(在退出函数之前，将不使⽤的局部变量全部删除。)

（2） 闭包会在⽗函数外部，改变⽗函数内部变量的值。所以，如果你把⽗函数当作对象（object）使⽤，把闭包当作它的公⽤⽅法（Public Method），把内部变量当作它的私有属性（private value），这时⼀定要⼩⼼，不要随便改变⽗函数内部变量的值。

作⽤域：作⽤域就是变量与函数的可访问范围，即作⽤域控制着变量与函数的可见性和⽣命周期。在JavaScript中，变量的作⽤域有全局作⽤域和局部作⽤域两种。

全局作⽤域:在代码中任何地⽅都能访问到的对象拥有全局作⽤域

（1）最外层函数和在最外层函数外⾯定义的变量拥有全局作⽤域

（2）所有末定义直接赋值的变量⾃动声明为拥有全局作⽤域

（3）所有window对象的属性拥有全局作⽤域

局部作⽤域（Local Scope）　:

和全局作⽤域相反，局部作⽤域⼀般只在固定的代码⽚段内可访问到，最常见的例如函数内部，所有在⼀些地⽅也会看到有⼈把这种作⽤域称为函数作⽤域，

2. Javascript作⽤域链?

理解变量和函数的访问范围和⽣命周期，全局作⽤域与局部作⽤域的区别，JavaScript中没有块作⽤域，函数的嵌套形成不同层次的作⽤域，嵌套的层次形成链式形式，通过作⽤域链查找属性的规则需要深⼊理解。"链式作⽤域"结构（chain scope），⼦对象会⼀级⼀级地向上寻找所有⽗对象的变量。所以，⽗对象的所有变量，对⼦对象都是可见的，反之则不成⽴。

HTML知识点总结

第一章知识总结

1. HTML文档结构（括号里面的是注释）

"/TR/xhtml1/DTD/xhtml1-transitional.dtd">

*注： 标签没有结束标签！

（头部部分）

(可写可不写)

显示在浏览器标题栏中的标题

（主体部分）

（页面内容）

标签中的属性有：

bgcolor=颜色 （背景颜色） background=图片的绝对路径或相对路径（背景图片）

2. 标题标签 n取1~6（设置文字标题）：

1)

2)

3)

4)

5)

6)

3.标签（设置文字属性）

要设置的文字

4.特殊符号

5.行的控制相关标签

段落标签

(段落的对其方式)

换行标签

6.图片标签

align="top/bottom/middle/left/right" border="图片的边框宽度">

(align是用于调整图片相对于周围文本的对其方式)

7.文字布局

1) 水平线

2) 有序列表的语法

……

3) 无序列表语法

空格  

大于号(>) >

小于号（<） <

引号 "

版权号（©） © 4) 预格式文本语法

(具体的文本格式，这个格式在时是不改变的哦！)

8.页面链接语法

1) 链接到其他页面

连接标志

2) 链接到本页面

首先创建一个锚链接的锚记点：主题名称

然后在具体要链接到的地方设置name:

（锚记点前面要加上#号）

3) 电子邮件链接

站长邮箱 (注意不能忘了mailto)

9.滚动标签的语法

onmouseover=“this.stop()”(当鼠标指在上面时停止滚动) onmouseout=“this.start()”(当鼠标离开时继续滚动) >

滚动的文字和图像

第二章知识点总结

1.表格的基本框架语法

bordercolor=表格边框线的颜色 bgcolor=整个表格的背景颜色background=表格的背景图片地址(背景图片) align=表格对齐方式>