如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
HTML开发工具怎么用？HTML最简单的开发工具
来源：互联网
2023-03-16 19:19:28 206
HTML的开发依然是互联网中必不可少的一部分，怎么使用浏览器的开发工具呢？HTML的开发工具都有哪些呢？我们一起来看看吧！！！
工具/原料
- 电脑
- 浏览器
Google Chrome开发者工具的使用
我们先来介绍一下谷歌浏览器开发者工具的使用吧！
先用谷歌浏览器打开一个网页，这里以“百度一下”为例。
然后按下F12键。
我们先来看第一栏。
Elements元素栏，在这一栏里是整个HTML页面，你去点击每行代码，其对应的元素就会被标出来，对于我们学习和检查自己的网页很有用处。我们一起看看效果吧！
来看第二栏。
Network，这一栏能够检测到你加载这个网页时所用到的时间还有加载了一些什么信息，包括图片，大小，加载时间，还有js代码等等。。。
来看第三栏。
Sources，这栏主要是整个页面的html标签还有js代码，对于我们查错很有帮助。
好了，下面我们来看看一个简单的开发工具吧！
HTML开发工具
我们下载安装一个EditPlus 软件，用它来开发是最好不过了。打开它来看看他的界面吧！
我们是开发HTML，所以我们来新建一个文件，建成HTML文件。
我们会看到，他已经默认的为我们搭建了一个HTML的基本框架，我们只需要自己在里面填写代码就行了。下面我做个示范具体代码如下：
body onload=init()>
script>
function init()
{
alert("百度经验--醉春风_IT");
}
/script>
/body>
我们保存一下这个文件。
我们用浏览器打开看看吧！
这个工具只有几兆，很小，用起来很好，但愿对于你自己有用。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
上一篇：html5常用标签使用实例 下一篇：如何批量替换多个html文件中的相同字符串
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 367 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)