xingyu_qie的专栏

这一节，我们说一说font这个字体。做网页开发，网页中几乎不可能没有文字的，为了使网页更漂亮，用户体验更好。人们可算是绞尽脑汁，其中一部分就是在字体上下的大功夫。接下来，我们学习一下，font字体在css中的设置。

这一节，我们说一说 border边框，border边框之前的几节里，我们都会顺带着加一下内容，你以为的元素有4个边框，上 右 下 左，就完了，没什么可学的？其实也是也不是，但你如果看了前面的文章，就会发现，狗哥的文章里怎么会只有基础的那点知识呢，那跟其他的基础教学不就一样了，我写他还有什么意思呢，对吧。所以，。

上一节，我们说了margin外边距，还举了个例子，比如两个人紧挨着站着，如果两个人冬天穿了棉袄，很厚很厚的棉袄，那么他俩占据的空间就会增加，他俩之间的真实距离也会增加。这一节，我们说padding内填充。再举个例子呢就是，比如这俩人最近营养好了，吃的胖了。试想一下，他俩虽然还是紧紧挨着，但占据的空间也会不一样了，对吧。那么这一节，我们从一些角度，来说一说这个知识点。

这一小节，我们说一下margin外边距。怎么理解这个外边距呢，比如小张和小丽站在一起，紧紧排着站。试想一下，如果他俩冬天都穿着羽绒服和夏天穿着短袖，是不是占据的空间会不一样呢。那么回到HTML网页开发商来说，如果两个元素，他们加一些外边距，占的空间也会不一样，而且会使两个元素的距离也变的不一样。下面我们来看一下外边距的知识。

从这一小节开始，我们开始学习CSS的内容。之前都是学习的HTML标签，还用几节课的时间做了纯HTML标签的实战。但是只用纯HTML标签做出来的东西呢，不是那么好看，而且你看那么多网站，没有哪个网站只用纯HTML标签做东西的，所以CSS是必须要学习的一个知识体系。这一小节，我们开始学习CSS的知识内容。

这一节，我们继续用纯HTML来做一个实战小案例。我找了一个图书详情的页面，就像这样：这一小节，我们用纯HTML标签，来实现一下这个图书详情的内容。

这一小节，我们继续纯HTML标签的使用，这一节我们做一个。说到注册页面，其实大家的网站都大同小异，所以我们就不四处去找设计图了，我们自己想一个注册页面，想想注册页面都应该有哪些元素，应该长什么样子。

之前有读了博客，想让我帮他找一些前端入门的内容，他们报的计算机专业，，我给他推荐了一些菜鸟教程呀什么的。后来想，看来还是很多人需要一些更加入门的可成的，而且很多教程不够实战，HTML章节都是匆匆而过。所以我想着，自己也写一些，基础的，加上实战的，希望可以帮助，想从零基础，到实战的小伙伴们。

这一小节，我们继续练习纯HTML，开发一个简单的数据表格吧。

这一小节，我们还是继续练习纯HTML标签的内容，多练一些，把HTML标签练熟。这就像练武功前的扎马步和一些基本功，功底越深，后边才能练更高深的武功。这一小节，我们用纯HTML标签做一个侧边栏菜单的功能。

这一小节，我们还是练习HTML标签的应用，目的就是，不单单是讲解前端的基本知识，会慢慢的拓展到实战，喜欢的小伙伴可以订阅一下专栏，如果觉得内容有用，可以给个回复评论，或者告诉我，文章底部有联系方式。。

我们利用一些章节做了HTML入门的标签学习，其实HTML标签呢，就是一个一个标签，他们都有独自的含义。记住这句话，他们有独自的含义。他们就像水浒传里的英雄们一样，各自有各自的本领，又像复仇者联盟里的英雄们一样，他们各自有自己的章节。但不得不说，只有运用到实战中，只有把他们组合起来，才能发挥更大的作用。要不然，就只能是零件一样的东西，只有通过实战组合起来，他们才能发挥作用。这一小节，我们开始运用HTML标签的组合，，加深对标签们的印象，做一些小例子。

html的内容呢，我们已经说了很多节了，这一节是时候总结一下或了。

这一小节，我们说一说中的按钮。按钮的作用，就是让用户点呗，点了以后触发一些事件，可以做一些事情。

上一小节我们说了文本输入框，密码输入框，数值型输入框，还有大的文本域。这一小节，我们继续说form表单中的一些常用的控件们。

上一节，我们学习了基本的标签的属性们，我们说过，form表单是一个区域，里面有一些控件元素，这一小节，我们来看一下这些控件们。

这一小节，我们说一下form表单，注意不是 from，是form表单。form表单呢，用于收集用户输入或者选择的一些信息，然后前端开发将数据组装起来，与服务端交互。form表单表示html文档中的一个区域，里面可以包含输入框，密码框，大的文本框，单选按钮，多选按钮等。这一小节呢，我们先不说这些控件，先说一下form表单的基本内容。

工人说，不可能啊，昨晚有人来加油，其中一个穿着红裙子的客户，让给加油，还给了我现金。比如用户将浏览器切换到另一个标签页的时候，或者是将网页窗口最小化的时候，或者是移动端APP嵌入的H5网页，然后用户将APP切换到后台运行的时候，浏览器都会监听到这个事件。视频由于需要对照着一些数据来看，所以需要时不时的切换，切换后就需要暂停，再次打开的时候呢，就需要继续播放，这就用到了这个 visibilitychange 监听技术。又或者呢，我们希望网页中的视频，在浏览器最小化的时候呢，视频就停止播放。

开源项目的发展趋势和我在参与开源项目中的经验和收获，充分说明了开源在当今技术领域的重要性和影响力。通过参与开源项目，我们不仅能够提升自己的技术能力，还能结识志同道合的朋友，共同推动技术进步。希望更多的开发者能够加入开源社区，一起贡献力量，享受开源带来的无限可能。最后，把js-tool-big-box的github地址告诉你，新手前端小白，可以用来学习一下。js-tool-big-box的github地址。

在早期没有出现Vue和React之前呢，做管理系统，iframe是非常普遍的技术。比如管理系统左侧有非常多的菜单，然后点击菜单后，右边就要展现不同的页面。又或者呢，我们看一些网站，他们侧边展示着五彩绚烂的广告，那有可能就是嵌套在iframe里的第三方网页。还有很多恶意搞破坏的，在自己网站，做一个iframe，里面嵌套上别人的网站，然后很多人误以为这是一个正常的网站，然后点击登录的时候，就很可能把自己的信息泄露了。所以，。

这一下节，我们说列表相关的知识。之前我们说了表格，你看 table 表格，如果没有纵向的线，只有横向的线，是不是就跟列表很像了呢。

这一小节，我们说一下HTML中的表格。比如我们常常看见的学生成绩单，比如excel一个单元格一个单元格的，这些都是表格。表格的标签名是。

有个小伙伴跟我说，已经毕业了，开始实习了。但公司现在用的还是Vue，领导说是过段时间让他用React做项目，先自己学习起来。我给他找了一些文档，顺便着呢，反正自己也写博客，自己也写一份吧，希望可以帮助需要的人们。

这一小节，我们说一下图片的显示。一个漂亮的网页，单靠文字是无法支撑起来的。所以，图片是很重要的。网页图片，有图片元素，还有背景图片，我们这一小节先说图片元素，后面CSS部分再说背景图片的内容。

如果你是一位前端新手小白，如果你觉得自己的JS功底还有所欠缺，如果你觉得自己平时做的项目还不够丰富，如果你觉得自己遇到的场景还不够丰富。如果你想要一个练手的好项目，如果你想学习更多的场景，如果你想学习更多的公共方法，如果你想从新手小白中挣脱出来。那么我推荐的这个开源项目，你一定会需要的。我说的这个开源项目呢，是一个前端JS的公共方法库。无论是Vue项目，还是React项目，他都可以胜任。他是一个更多更丰富的公共方法集合。js-tool-big-box的github地址。

我们上一节学习了，链接的基本知识，有锚点，还有鼠标上移的title属性的作用，这一节，我们继续说链接的知识点。

我们在浏览网页的时候，时常可以点击一个可跳转的蓝色的文字，点击后，就跳，或者浏览器会，又或者呢，浏览器不会打开新的窗口，而是。这些都是链接标签的效果作用。链接的标签是 a。

这一小节，我们说3个比较特殊的，用到的场景不多，但需要的时候绝对是有用处的。他们分别是和。

这一小节，我们说一些常用的HTML文本格式化的标签知识。可能你会觉得HTML知识比较零散，有好多标签。没错，就是比较零散，标签比较多。正式这些形形色色的HTML标签们，组成了丰富多彩的网页元素。但是在刚学习的时候，你也没有必要全部都记下来，只要使用熟练了，用的多了，到时候哪怕有几个不熟练的，再去网上查，也就轻松多了。如果不能使用熟练了，即便去网上查，可能也无从下手。

这一小节，我们继续说HTML的入门知识，包括换行、横线分割以及注释（html的注释）。

这一小节，我们说一些比较零散的知识，HTML课程中呢，其实就是一些标签，正是这些标签组成了前端网页的各种元素，所以你也可以叫他们标签元素。像前两节我们说的，。这些都是标签。

上一节，我们说了HTML网页最基本的框架标签，说到标签分为head头部和body身体部分。这一小节呢，我们说一下head这个大标签下，一般都会包含哪些内容。你看，一般网页都是有标题的，表示这个网页的主旨内容。其实还可以引入外部的CSS样式表，用来影响当前网页的元素内容，这个我们后面说，先记住这个标签就可以了。网页编码如果不正确，展示出来的就会是乱码，现在最常用最流行的，也就是utf-8编码。这个style标签下面，会放CSS样式内容，可以控制网页中的一些元素，让他们更好看一些。

这一节，我们说一下学习前端开发的话，最入门的也是非常重要的一门可成，也就是HTML。HTML标签，是网页的重要组成部分，可以说，。这一小节呢，我们说一下，HTML最初的，刚一新建网页，就应该写的框架标签们。