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

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/44081.html">网站建设中关于description的优化干货</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/45727.html">制作一个公司的网站,具体的流程是什么?</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/45726.html">网页制作用什么语言</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/45725.html">如何私人订制旅游网站建设</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/45724.html">网站建设制作需要多少钱?|双赢世讯</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/45723.html">论文可以照搬网上的东西么?</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/45722.html">建设一个网站需要多少预算</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/45721.html">橙子建站是什么平台?</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/45720.html">网站建设多少钱一个,涉及哪些费用</a></div> </div> <div class="hot-item"> <span class="hot-num">◆</span> <div class="hot-title"><a href="/anyouwz/45719.html">做网站需要多少钱?</a></div> </div> </div> </div> </div> </div> </div> </article> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "网站制作,第一课,一分钟学会做网页", "description": "有兴趣的朋友,看过来,用手机一分钟做出属于自己的网页。 1. 下载一个文本编辑器软件,比如“超卓文本编辑器”。当然,如果你手机已经有文本编辑器,那就不用再下载了。 2. 打开手机文件管理中的手机存储,新建文件夹,名字写“HTML”;这个文件夹一会用来保存你的网页。 3. 打开编辑器,复制粘贴以下代码: 这是我的网页", "url": "https://www.anyouy.cn/anyouwz/44809.html", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.anyouy.cn/anyouwz/44809.html" }, "articleSection": "网站文章", "datePublished": "2024-04-01T10:01:12+08:00", "dateModified": "2024-04-01T10:01:12+08:00", "author": { "@id": "https://www.anyouy.cn/#organization" }, "publisher": { "@id": "https://www.anyouy.cn/#organization" }, "inLanguage": "zh-CN" } </script> </main> <!-- ============================================================ 页脚 ============================================================ --> <footer class="footer"> <div class="container footer-inner"> <div class="footer-brand"> <div class="logo"> <a href="/"> <i><img src="/static/img/logo.png" alt="南京安优网络科技有限公司" /></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" rel="noopener noreferrer">苏ICP备12071769号-4</a> <a href="https://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>