DW网页教程基础篇helloworld

DW网页教程基础篇helloworld

什么事情都有个第一次,HTML网页编辑其实没有那么复杂(其实比较繁琐而已),一起看看第一个Hello world如何出世的吧

第一步,下载安装Dreamweaver,并打开软件,选择【html】,还有很多选项干嘛的?(问度娘吧)

新建【html】文档之后,会出现一下的界面,自动生成一些基础代码,这个是所有网络上网页的基本代码,这里略提一下,了解就行;

第一行,

第二行,

第三行,...(是人的头部)

第四行,

第五行,(就是整个这个网页的名字)</p><p>第六行,</head>(头部的结束标签(并不是标签所有都有结束标签,啥叫标签?继续问度娘吧))</p><p>第七行,<body>(是人的身体部分了(网页要显示出来的内容都这里了))</p><p>修改title标签中的内容,告诉用户和搜索引擎这个网页的名字</p><p><h1>Hello World</h1>标签还有h2 h3 h4 等是为了凸显文字和标注告诉网页这个标签的内容是比较重要的,同时也是给搜索引擎看得</p><p>最后第二步,保存,这个都是多数软件通用功能了不再赘述,不过建议常用快捷键比较有效率,如:Ctrl+S,Alt+F+S;</p><p>保存后,双击打开保存的文件,就是你走进网页编码世界最重要的第一步了,不要感觉儿戏,人和事都是由第一步开始</p> </div> </div> <div class="related-articles"> <h3 class="section-title">相关文章</h3> <div class="related-grid"> <div class="related-item"> <div class="related-thumb"> <a href="/article/193774.html"> <img src="/upload/jingyan/2024/0829/0402c377.jpg" alt="DW外观CSS重复如何配置为repeat-x"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/article/193774.html">DW外观CSS重复如何配置为repeat-x</a> </h4> <div class="related-meta"> <span class="related-date">2026-06-03 09:45</span> <span class="related-views">阅读(909 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/life/178543.html"> <img src="/upload/jingyan/2024/0828/bfa34efe.jpg" alt="dwg怎么转换成pdf格式"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/life/178543.html">dwg怎么转换成pdf格式</a> </h4> <div class="related-meta"> <span class="related-date">2026-05-23 19:54</span> <span class="related-views">阅读(945 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/answer/172489.html"> <img src="/upload/jingyan/2024/0828/57c9fafc.jpg" alt="dw手表怎么辨别真假"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/answer/172489.html">dw手表怎么辨别真假</a> </h4> <div class="related-meta"> <span class="related-date">2026-05-19 15:00</span> <span class="related-views">阅读(958 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/life/166318.html"> <img src="/upload/jingyan/2024/0827/54df8b29.jpg" alt="DWG格式转换为JPG格式"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/life/166318.html">DWG格式转换为JPG格式</a> </h4> <div class="related-meta"> <span class="related-date">2026-05-15 08:08</span> <span class="related-views">阅读(946 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/life/165512.html"> <img src="/upload/jingyan/2024/0827/c1b3dd81.jpg" alt="dwm.exe是什么进程"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/life/165512.html">dwm.exe是什么进程</a> </h4> <div class="related-meta"> <span class="related-date">2026-05-14 18:42</span> <span class="related-views">阅读(959 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/answer/163544.html"> <img src="/upload/jingyan/2024/0827/1c12bf64.jpg" alt="dwg文件用手机怎么打开"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/answer/163544.html">dwg文件用手机怎么打开</a> </h4> <div class="related-meta"> <span class="related-date">2026-05-13 09:54</span> <span class="related-views">阅读(996 次)</span> </div> </div> </div> </div> </div> </div> <div class="sidebar"> <div class="sidebar-widget"> <h3 class="widget-title"><i class="fas fa-fire"></i>热门文章</h3> <div class="hot-articles"> <div class="hot-article-item"> <div class="hot-article-rank">1</div> <div class="hot-article-content"> <h4 class="hot-article-title"> <a href="/article/139130.html">英雄联盟S8季前赛最强adc探险家EZ符文</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1167次 </span> <span class="hot-article-date">2026-04-26 11:01</span> </div> </div> </div> <div class="hot-article-item"> <div class="hot-article-rank">2</div> <div class="hot-article-content"> <h4 class="hot-article-title"> <a href="/article/101802.html">微软输入法自学习和自造词</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1124次 </span> <span class="hot-article-date">2026-03-28 04:59</span> </div> </div> </div> <div class="hot-article-item"> <div class="hot-article-rank">3</div> <div class="hot-article-content"> <h4 class="hot-article-title"> <a href="/article/155748.html">如何点亮qq图标</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1118次 </span> <span class="hot-article-date">2026-05-07 23:59</span> </div> </div> </div> <div class="hot-article-item"> <div class="hot-article-rank">4</div> <div class="hot-article-content"> <h4 class="hot-article-title"> <a href="/article/100938.html">天女散花男女之间的意思</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1112次 </span> <span class="hot-article-date">2026-03-27 00:11</span> </div> </div> </div> <div class="hot-article-item"> <div class="hot-article-rank">5</div> <div class="hot-article-content"> <h4 class="hot-article-title"> <a href="/article/100523.html">女儿的成长经历</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1112次 </span> <span class="hot-article-date">2026-03-26 10:20</span> </div> </div> </div> <div class="hot-article-item"> <div class="hot-article-rank">6</div> <div class="hot-article-content"> <h4 class="hot-article-title"> <a href="/article/100374.html">酒囊饭袋打一生肖</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1112次 </span> <span class="hot-article-date">2026-03-26 05:22</span> </div> </div> </div> </div> </div> <div class="sidebar-widget"> <h3 class="widget-title"><i class="fas fa-star"></i>推荐阅读</h3> <div class="recommended-articles"> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/answer/213250.html"> <img src="/upload/jingyan/2024/0831/b816b719.jpg" alt="洛克王国如何抓到小独角兽"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/answer/213250.html">洛克王国如何抓到小独角兽</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-06-16 22:20</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 995次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/answer/213251.html"> <img src="/upload/jingyan/2024/0831/15fb35de.jpg" alt="ipad无法充电怎么办"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/answer/213251.html">ipad无法充电怎么办</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-06-16 22:22</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 960次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/article/213252.html"> <img src="/upload/jingyan/2024/0831/a5b5059c.jpg" alt="中国人民解放军军衔知识(最新)"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/article/213252.html">中国人民解放军军衔知识(最新)</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-06-16 22:23</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 967次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/answer/213253.html"> <img src="/upload/jingyan/2024/0831/27f5f70c.jpg" alt="怎么为系统添加movie maker"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/answer/213253.html">怎么为系统添加movie maker</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-06-16 22:24</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 980次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/article/213254.html"> <img src="/upload/jingyan/2024/0831/0195bdad.jpg" alt="教你几招,如何给孩子取名字!"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/article/213254.html">教你几招,如何给孩子取名字!</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-06-16 22:24</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 908次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/article/213256.html"> <img src="/upload/jingyan/2024/0831/9483904f.jpg" alt="高铁建设需要考虑哪些环境问题"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/article/213256.html">高铁建设需要考虑哪些环境问题</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-06-16 22:27</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 982次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/article/213257.html"> <img src="/upload/jingyan/2024/0831/7c076eee.jpg" alt="大纲级别一级怎么设置"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/article/213257.html">大纲级别一级怎么设置</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-06-16 22:28</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 959次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/article/213258.html"> <img src="/upload/jingyan/2024/0831/c4976bc0.jpg" alt="水煮肉片的做法视频"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/article/213258.html">水煮肉片的做法视频</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-06-16 22:28</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 975次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/answer/213259.html"> <img src="/upload/jingyan/2024/0831/6fe33c30.jpg" alt="苹果手机开启夜间模式,降低亮度,iOS10最新"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/answer/213259.html">苹果手机开启夜间模式,降低亮度,iOS10最新</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-06-16 22:29</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 958次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/article/213260.html"> <img src="/upload/jingyan/2024/0831/eefb76ce.jpg" alt="怎么在手机上玩魔兽世界"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/article/213260.html">怎么在手机上玩魔兽世界</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-06-16 22:31</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 913次 </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="footer-section"> <div class="footer-content"> <div class="footer-info"> <div class="footer-brand"> <div class="footer-logo"><span><a href="https://www.wenda37.com/">问答三七</a></span></div> <p class="footer-description">问答三七为您提供最全面的生活百科、科普知识及趣味问答。涵盖历史、地理、科学、文化等领域的十万个为什么,是您涨知识、解疑惑、准备知识竞赛的首选平台。每日一答,让学习变得更简单。</p> </div> <div class="footer-copyright"> <p>© 2026 问答三七. 保留所有权利 - <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">闽ICP备2025116981号-7</a></p> <p><a href="/sitemap.xml" target="_blank">网站地图</a> - 联系邮箱:1465333496@qq.com </p> </div> </div> </div> </footer> <script type="text/javascript" src="/themes/simpleboot3/static/js/common.js"></script> </body> </html>