有兴趣的朋友,看过来,用手机一分钟做出属于自己的网页。

1.下载一个文本编辑器软件,比如“超卓文本编辑器”。当然,如果你手机已经有文本编辑器,那就不用再下载了。

2.打开手机文件管理中的手机存储,新建文件夹,名字写“HTML”;这个文件夹一会用来保存你的网页。

3.打开编辑器,复制粘贴以下代码:

</p><p data-track="94">这是我的网页</p><p data-track="95">

这是我做的第一个网页,真开心!

保存文件到刚刚建的“HTML”文件夹里,文件名字取“index.html”。

4.去手机存储里,找到并打开“HTML”文件夹,点击里面的“index.html”文件,你就能看到以下效果

5.接下来,我们讲解一下上面的代码:

<我是标签>,被<>这个符号包起来的叫做标签,把网页比作一堵墙的话,那这标签就是一块块的砖。

上面的标签都是成对的,有开始就有结束,比如。当然,也存在单个体的标签,它们从一出生就被定义孤独终老。

标签代表着整个网页,所有内容都写在它里面。

标签代表着头部,用来声明一些代码。

标签代表这个页面的标题,就是浏览器显示网址的那个位置。</p><p data-track="160"><body> 标签代表着身体,网页的所有正文内容,都被它容纳。</p><p data-track="208"><strong><em>6.</em></strong>为什么该文件取名为“index.html”呢?</p><p data-track="186">其实,取什么名字都可以(强调用英文)。</p><p data-track="187">不过,后缀一定要写成“htm”或“html”,只有这样,浏览器才能识别得出这是一个网页文件。</p><p data-track="209"><strong><em>7.</em></strong>堂课总结:</p><p>① 下载安装文本编辑器</p><p data-track="196">② 新建文件夹,名字随意取(英文名)</p><p data-track="199">③ 复制粘贴代码并保存,后缀写成“html”</p><p data-track="201"><br/></p><p data-track="200"><strong><em>期待下节课还能见到你们!</em></strong></p> </div> <!-- 上一篇 / 下一篇 --> <div class="article-nav"> <div class="nav-item prev"> <span class="nav-label">上一篇</span> <div class="nav-title"><a href="/anyouwz/44808.html">网页制作流程哪几步</a></div> </div> <div class="nav-item next"> <span class="nav-label">下一篇</span> <div class="nav-title"><a href="/anyouwz/44810.html">fiworks切片工具切割网页主页步骤?</a></div> </div> </div> </div> <!-- 右侧:侧边栏 --> <div class="sidebar"> <!-- 随机文章 --> <div class="sidebar-widget reveal"> <div class="widget-title"><i class="fas fa-fire"></i> 随机文章</div> <div class="hot-list"> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/11521.html">贵州法宣在线代学法用法学习不再有积分了,按季学法考勤制进行</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/21828.html">房山 外国网站建设</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/2616.html">网站建设酷万网络</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/35985.html">嘉兴网站建设解决方案</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/7264.html">使用vscode开发原生微信小程序</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/2773.html">开发小程序的费用需要多少,用模板小程序如何做成个人小程序</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/33771.html">属于你的我的未来城,美式轻奢风家居 | 力设计_欧模网</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/43501.html">高端网站建设</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/28656.html">想设计中国风海报不会配色?来这个网站看看吧</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/34546.html">厦门建网站多少钱在厦门建一个企业大概网站要多少钱</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/27179.html">注册网站好处多-网站建设很简单!</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/42242.html">孝感企业网站建设在哪里开展</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/42551.html">企业专业技术人才队伍建设</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/23975.html">wordpress建网站详细教程(wordpress建网站详细教程文档版)</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/33628.html">企业进行网站建设的作用有哪些?</a></div> </div> </div> </div> </div> </div> </div> </section>  <!-- ============================================================ 页脚 ============================================================ --> <footer class="footer"> <div class="container footer-inner"> <div class="footer-brand"> <div class="logo"> <a href="/"> <i><img src="/static/img/logo.png"></i> <span>南京安优网络</span> </a> </div> <p>专注企业网站建设 · 小程序开发 <br />助力企业实现数字化转型与增长。</p> </div> <div class="footer-links"> <div> <h4>服务</h4> <a href="/wzjsfw/" title="网站建设服务">网站建设服务</a> <a href="/xcxfw/" title="小程序开发服务">小程序开发服务</a> </div> <div> <h4>案例中心</h4> <a href="/anyoucase/" title="网站建设案例">网站建设案例</a> <a href="/anyouxcx/" title="小程序开发案例">小程序开发案例</a> </div> <div> <h4>解决方案</h4> <a href="/zhizaoyeshuzihuajianshefangan/" title="制造业数字化建设方案">制造业数字化建设方案</a> <a href="/kejiqiyeguanwangjianshefangan/" title="科技企业官网建设方案">科技企业官网建设方案</a> <a href="/xiandaifuwuyeshuzihuafangan/" title="现代服务业数字化方案">现代服务业数字化方案</a> <a href="/jiaoyupeixunshuzihuafangan/" title="教育培训数字化方案">教育培训数字化方案</a> </div> <div> <h4>新闻动态</h4> <a href="/anyounews/" title="公司新闻">公司新闻</a> <a href="/anyouwz/" title="网站文章">网站文章</a> <a href="/aizsk/" title="知识库">知识库</a> </div> </div> <div class="footer-qr"> <div class="qr-title"><i class="fas fa-qrcode"></i> 关注我们</div> <div class="qr-wrapper"> <img src="/static/img/ewm.jpg" alt="南京安优网络微信公众号二维码" /> </div> <div class="qr-label">扫码关注 · 获取方案</div> </div> </div> <div class="footer-bottom"> <div class="container"> <p>© 2026 南京安优网络科技有限公司 · 用技术创造价值  <a href="https://beian.miit.gov.cn/" target="_blank">苏ICP备12071769号-4</a> <a href="http://www.anyouy.cn/sitemap.xml">网站地图</a></p> </div> </div> </footer> <!-- ============================================================ 右侧在线客服 ============================================================ --> <div class="online-service"> <div class="service-wrap"> <div class="service-item wechat"> <i class="fab fa-weixin"></i> </div> <div class="popup popup-qr"> <img class="popup-img" src="/static/img/ewm.jpg" alt="微信二维码" /> <div class="popup-label"><i class="fab fa-weixin"></i> 扫码添加微信</div> </div> </div> <div class="service-wrap"> <a href="tel:400-8793-956" class="service-item phone" aria-label="电话咨询"> <i class="fas fa-phone-alt"></i> </a> <div class="popup popup-phone"> <div class="phone-number"> <i class="fas fa-phone-alt"></i> 400-8793-956 </div> <div class="phone-hint">点击直接拨打</div> </div> </div> <div class="service-wrap"> <div class="service-item top" onClick="window.scrollTo({top:0,behavior:'smooth'})"> <i class="fas fa-arrow-up"></i> </div> </div> </div> <script src="/static/js/anyou.js" language="javascript"></script> </body> </html>