无基础建站流程技巧：[1]快速认识网页元素

时间：2026-03-04 13:13:35

1、任意网页空白处，右键单击，选“查看网页源码”就会出现下面源码。很明显，一个网页是由<head></head><body></body>两个标签组成。

2、<head></head>。是网页的头部标签，这里含有网站语言，语言制式网站标题眠搁，样式链接（css网站布局，风格等）地址，特效链接地址（js等），就像人的衣服一样。keyword关键字设置及（description）网站简短描述设置等

无基础建站流程技巧：[1]快速认识网页元素

3、<body></body>标签，是网站的主体源码，就是从<body>开始到</body>结束，是近耻网站的整体内容。图片和文字的等我们实际出现在网页里的内容。

无基础建站流程技巧：[1]快速认识网页元素

4、实战；打开Dreamweaver8软件，创建HTML；如图点击设计选项。在空白处粘贴一段文字或者一个图片。

无基础建站流程技巧：[1]快速认识网页元素

5、粘贴的文字和图片，根据自己需要在软件底部属性一栏里进行编辑和修改。

无基础建站流程技巧：[1]快速认识网页元素

6、然后，点击软件上方，：代码“选项，在”<title>无标题文档</title>“位置把“无题文档”改成你的网站名称。点击左上角文件进行保存

无基础建站流程技巧：[1]快速认识网页元素

7、点击工具栏地球形状浏览按钮如图，选择浏览器。单击浏览器名称。

无基础建站流程技巧：[1]快速认识网页元素

8、建设的小网站展现在眼前。注意，箭头位置，您发现了什么？对的”<title>新人建站技巧</title>“出现了。其实就这样简单。

无基础建站流程技巧：[1]快速认识网页元素

9、其实，这是一个最简单的凤距改网页。实际中网页源码中的布局样式，特效语言，图片都从整个源码分立出来，使源码更简洁流畅，修改也很便捷。实际源码文件夹如图。

无基础建站流程技巧：[1]快速认识网页元素