假设我们现在判断页面上的一个button是否显示，在下面代码中，这个DOM元素在代码中的变量名是 。 常见的判断方法是依赖jquery, 但是这里我们尽量用原生的代码，避免引入不必要的依赖。 判断 属性 直观上来说，元素是否显示，都是用CSS来控制的，因此可以用如下的代码： 但是呢，有时候事与愿违，当我们的HTML用的是内联样式的时候，这种方法行得通；否则，就不行了。 下面的代码，用上面的方式行得...

HTML(Hypertext Markup Language，超文本标记语言) 和CSS(Cascading Style Sheet，层叠样式表）是网页构成的基础，因此学习如何使用HTML和CSS是进行Web前端开发的基础。HTML和CSS本身语法并不困难，不像其他常见的编程语言如Python、Java、C等涉及大量的类似条件判断、循环等逻辑和复杂的数据结构知识的运用，但是对不了解这两种技术的人来...

创建网页的目的，是能够在浏览器中打开，而浏览器种类众多，比如IE，Chrome，Safari ，Edge及国内加壳的各种浏览器，不光要考虑台式机、笔记本等传统电脑上的Windows、MacOS等，也要支持安卓、苹果等移动操作系统，能让同一份代码在不同的浏览器、设备上按照希望的方式去显示正确的内容，是一个比较麻烦的事情。 多年前，由于微软的不思进取，IE浏览器的多个版本6、7、8、9、10等多个版本...

首先，从前面的例子您已经知道，本教程提供了在线的代码编辑器及实时的代码运行工具，因此，您完全可以只在乐码范的课程的页面上即可学习HTML。 不过，如果您需要更强大的代码编辑工具，那么您也可以准备以下的工具来辅助进行学习： 一、电脑 这个是个明显的条件，不过平板电脑也是可以的，甚至你的智能手机也可以的。因为练习需要不断地进行键盘输入，所以推荐在电脑上学习最佳。 二、HTML编辑器 HTML 编辑器是...

学习Web编程，经常听到的会有HTML、CSS、JavaScript等技术，那么这些技术之间是什么关系呢？ 简单来说： HTML是网页内容的载体。 内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 CSS样式是表现。 就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现网...

为了让HTML代码更易于理解，我们有时候会希望在代码里添加一些希望只是给创建和维护这份代码的人看的东西，并不希望直接显示给最终的用户，那么就可以借助代码注释。 HTML的代码注释的语法：` ` 上面第1、3行都是注释，但是你会发现注释代码是不会在运行结果窗口中显示出来的。...

HTML的语法 HTML标签是一种和XML非常相似的一种结构： 标签由英文尖括号 和 括起来，如 就是一个标签。 html中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个 。 比如下面这些例子： 两个标签中间的字符就是要显示的内容。比如 ， 和 分别是 标签的开始和闭合， 就是内容。 标签是可以嵌套的 比如下面这个例子， 标签嵌进了 标签里面： 但是内部的标签 必须先闭...

在HTML里画一些简单的图的时候，有时候我们并不需要像 HighCharts 这样重量级的画图库。在HTML5的canvas里面画一些简单的图并不难。 从一个最简单的例子看起： 运行代码，可以看到我们很容易在canvas里面画了一个方框：方框的起始位置是(20, 20)，宽度和高度分别是150和100。 有了这个基础，我们可以再画一个简单的柱状图（点“ 运行 ”按钮来查看运行结果）： 这样，一个简...

网页的头部固定，内容区域有scrollbar的布局比较常见。这个布局的核心是要scrollbar只出现在内容所在的框里，整个页面的高度是和浏览器的高度一样的。 在这个例子里，比较重要的是要固定网页最外层的div的高度。我们用 来确保外层的高度，然后内层就可以依据这个高度来布局了。...

在写HTML的时候，我们会想当然地认为自己加的空格，都会被浏览器显示出来，事实上并非如此。实际上，HTML的显示有一些规则： 在HTML代码中所有连续的空格或空行（换行）都会被显示为一个空格，不管是在HTML要显示的内容还是HTML源代码的标签之间。 当我们想让内容在同一行连续显示时，就让所有的HTML代码之间没有空格和换行。 那我们想显示多个空格或换行怎么办呢？可以考虑用以下方法： 1. 使用 ...