北大青鸟设计培训：HTML的开发工具有哪些适合新人用？

大家刚HTML入门时，感兴趣想学习却不知道html开发工具有哪些，具体哪一个最好用。

今天java课程http://www.kmbdqn.cn/就为大家推荐5款经常会用到的html开发工具，供大家参考。

1.SublimeText3：这是一个很不错的代码编辑器，语法高显亮、自动补全、插件也比较多，小巧快捷，安装也比较方便，支持的编程语言比较多，主流的java,c++,python,js等都包含其中，前端开发中也常用到这款软件：2.VSCode：这个是微软开发的一款轻量级代码编辑器，免费、跨平台，对于钟情于微软工具的开发者来说，这是一个很不错的选择，这个软件支持的编程语言也很多，有好几十种，包括css,html,js等，语法高显亮、自动补全、插件丰富，还支持git功能，是一个很不错的开发工具：3.WebStorm：这是一个专门用于开发web的工具，由JetBrains公司研发，功能强大，在前段开发中经常用到，自动补全、语法提示、代码检查，还集成了版本控制系统，支持git，唯一的缺点，就是不是免费的，试用期30天，过后就需要付费，只不过网上有注册码，可以使用一下：4.DreamweaverDreamweaver简称DW,可以快速的编写html和css，有着强大的语法提示功能，同时有一个实时视图模式，可以在写的过程中直接预览效果，可以快速的开发html5.HBuliderHBulider一款前端开发工具，可以用来写html、css、js等语言，有着无死角提示，包括图片、链接、字体等提示，非常强大；HBulider追求的就是快速编码目前就介绍这5个html开发工具吧，对于后期的项目开发来说，完全够用了，不过HTML入门时，建议使用记事本来编写html代码，以熟悉为主，把基础功练好才是最重要的，后期熟悉后，就可以使用这些开发工具了，效率也会大大提升。

随着程序员多web前端开发技术的使用，越来越多的编程开发相关的技术也被不断的发现。今天，昆明北大青鸟http://www.kmbdqn.cn/就一起来了解和学习一下html编程的技巧与方法。

table的方法

原始的table元素(时至今日仍然是网站布局方法里的一名)本身自带许多精巧的方法，使用这些方法创建表格就像搭建宜家里的桌子一样简单。

scrollIntoView()

你知道吗?当页面的URL中包含#something元素时，一旦页面加载，浏览器就会自动滚动至具有这个ID的元素之处。

这确实是一项很贴心的功能，但如果你在页面加载之后再渲染元素，这项功能就不起作用了。

hidden

好吧，hidden或许不是一个方法，但如果你提出抗议，那我也要争论一下：在hidden的背后很可能对应着一个setter，这可是一个货真价实的方法，对不对?

不管怎样，你是否曾经为了隐藏某个元素而使用过myElement.style.display='none'这种方法呢?如果是的话，请别再这么做了!

toggle()

嗯，toggle也不算是元素的方法，它实际上是元素属性上的一个方法。严格来说，这是一种为元素添加或删除某个class的方法，具体做法是myElement.classList.toggle('some-class')。

如果你曾经通过if条件语句为元素添加class，那就应该赶紧改用这种做法。

querySelector()

好吧，你当然知道这个方法，但据我推测，应该只有17%的开发者才知道，该方法可以使用在任意元素上。

closest

该方法可在任意元素上使用，它能够向上查找元素的树型结构，可以理解为与querySelector()相反的方法。

getBoundingClientRect()

在对DOM元素调用该方法时，将返回一个包含其空间结构详细信息的简单对象。

contains()

你有没有遇到过这样的情形，需要知道某个元素是否被包含在另一个元素中?至少我本人经常会遇到这样的问题。

---