HTML第一实例（9.10）

最新推荐文章于 2024-11-15 11:30:51 发布

原创

最新推荐文章于 2024-11-15 11:30:51 发布

· 1.3k 阅读

1 ·

版权

这篇博客介绍了HTML5入门的学习过程，通过Dreamweaver自动生成代码并修改首选参数，强调新建网页与图片需在同一文件夹下。作者推荐使用Notepad++进行编写，并提到w3school网站作为学习资源。内容涵盖基本HTML标签的使用，以及图文排版和div布局的常见问题与解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.开头的部分代码都是用Dreamweaver自动生成的，第一次使用Dreamweaver需要改一些新建网页的参数打开编辑—首选参数，然后如图所示，将新建文档的默认文档类型改为HTML5（Dreamweaver也可以用所见即所得的形式，像word一样，直接向网页里插入图片表格之类的，挺简单的，可以玩玩）
这里写图片描述
注：新建的网页一定要和图片等放在一个文件夹下，例如：说旅游文件夹下有images和网页

2.开始写代码，用Notepad++，最外层的框架也比较简单
这里也推荐一个网站：www.w3school.com，讲的很详细，共同学习

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>旅游网站专题页</title>
</head>
<body>

    <div>
        <!-- 头部 begin-->
        <div>

        </div>

        <!-- 头部 end-->
        <div>

        </div>

        <!-- 伊露岛介绍 begin-->
        <div>

        </div>
        <!-- 伊露岛介绍 end-->

        <!-- 伊露岛推荐  begin-->
        <div>

        </div>
        <!-- 伊露岛推荐 end-->

        <!-- 旅游评论 begin-->
        <div>

        </div>
        <!-- 旅游评论 end-->

        <!-- 页脚 begin-->
        <div>

        </div>
        <!-- 页脚 end-->
    </div>

</body>
</html>