HTML基础操作

设计一个属于自己的网页利用这个 DW 开发工具，和 HTML 这项技术我们自己就可以随意搭建一个属于自己的网页。比如说，我们想把一些自己很喜欢的一些图 片放到网页上面去该如何实现呢？首先让大家看一下代码。

大家会发现在 body 这个标签里面多了不少东西，HTML 的代码我们就是从 body 这个标签开始写的，让我们看一下写这么点东西到底能有什么效果。在 DW 里按 F12 可以查看网页！

效果如上图。建议你们也可以试一下，然后这张图片的大小是远远超出了网页窗口的大小的，那我们怎么办呢？我们可以通过一个 style 标签来对这张图片进行设置。

这里需要注意的是，这个 style 标签并不是写在 body 标签里面的， 而是要写在 head 这个标签里面，而 style 里面写的代码和 body 里面写的代码也是完全不一样的。

我现在要设置这张图片的宽度和高度都为 250 个像素(px)，我们来看看设置完了之后会是怎样的效果。

对比一下左右两张图片就能看到它们之间发生了一个翻天覆地的变化，我使用的是谷歌浏览器，在浏览器里我们可以按 F12 对元素进行检查，什么是元素？元素是开始标签到结束标签里所有的代码内容。

可以看到下面有一列英文，其中有一个英文写着 Elements 这个就是 元素的意思。

而在这个矩形方块的右边还有 Styles 的英文，在这里我们给图片 img 设置图片大小的样式也可以在这里看到，并调试。

在左上角的位置还有一个小鼠标移入方块里的标志，这个可以用来指向当前元素的位置。

好了，以上文章到这里就结束了，感谢您的守候， 如果您喜欢我的文章请点个赞，感谢阅读！