今天我们开始学习网页制作，从第一个最简单的网页开始，目标：在浏览器标题栏显示：第一个网页在浏览器中显示：Hello, world!
工具/原料
电脑，浏览器，文本编辑器
方法/步骤
1
首先，我们新建一个文本文件，命名为1.html。用文本编辑器（如记事本打开），输入html文件的三要素：
标签，每种标签成对出现。如图：2标签，并输入标签内容：第一个网页。<title>标签告诉浏览器，将标签中的文本显示在标题栏中。</p></div><div class="listcon"><span>3</span><p>最后，我们在<body>标签中输入内容：Hello, world!<body>标签表示网页的主体，所有在浏览器中显示的内容都放在<body>标签中。</p></div><div class="listcon"><span>4</span><p>保存文件，第一个网页就完成了。我们用浏览器打开1.html，就可以看到效果：</p></div><div class="listcon"><span>5</span><p>如果觉得Hello, world!显示太小，我们可用<h>标签来修饰加强，例子中，<h1>表示用一级标题的样式来显示hello, world!</p></div><div class="listcon"><span>6</span><p>修改后再次保存文件，重新用浏览器打开或者刷新，可见效果如下图。</p></div><div class="listcon"><span>7</span><p>这时网页制作的一个开始，以后还会继续学习其他基础篇内容，如果你觉得我的方法适用于你，言简意赅，那么持续关注我吧。</p></div></div><div class="prev_next">
<div class="prev">
<span>上一篇：</span><a href="/aeghx.html">世界十大著名神秘“鬼宅”盘点</a>
</div>
<div class="next">
<span>下一篇：</span><a href="/aeghz.html">五餐肉的做法配料</a>
</div>
</div>
</div>
<div class="appleccmw content-right">
<div class="listmore">推荐信息</div>
<div class="send_list">
<ul>
<li><a href="/aegdi.html" title="做网站多简单，看这篇网页制作初级教程就知道！"><span>1</span><h3>做网站多简单，看这篇网页制作初级教程就知道！</h3></a></li>
<li><a href="/aegdn.html" title="网页入门教程"><span>2</span><h3>网页入门教程</h3></a></li>
<li><a href="/aegek.html" title="网站建设与网页制作基础入门教程"><span>3</span><h3>网站建设与网页制作基础入门教程</h3></a></li>
<li><a href="/aegfi.html" title="如何制作个人网站，网页入门教程，个人网站制作"><span>4</span><h3>如何制作个人网站，网页入门教程，个人网站制作</h3></a></li>
<li><a href="/aeghj.html" title="自学网页设计教程"><span>5</span><h3>自学网页设计教程</h3></a></li>
<li><a href="/aeghm.html" title="制作网页教程"><span>6</span><h3>制作网页教程</h3></a></li>
<li><a href="/aeghy.html" title="网页制作教程-Hello, world!"><span>7</span><h3>网页制作教程-Hello, world!</h3></a></li>
<li><a href="/bjvfs.html" title="血月杀必备内功心法"><span>8</span><h3>血月杀必备内功心法</h3></a></li>
<li><a href="/bjvfr.html" title="【司法备考】刑诉、民诉经典对照（二）"><span>9</span><h3>【司法备考】刑诉、民诉经典对照（二）</h3></a></li>
<li><a href="/bjvfq.html" title="醉驾后不予起诉一般怎样解决"><span>10</span><h3>醉驾后不予起诉一般怎样解决</h3></a></li>
<li><a href="/bjvfp.html" title="如何指导小孩画简笔画"><span>11</span><h3>如何指导小孩画简笔画</h3></a></li>
<li><a href="/bjvfo.html" title="LOl小丑打野符文推荐"><span>12</span><h3>LOl小丑打野符文推荐</h3></a></li>
<li><a href="/bjvfn.html" title="侵犯商业秘密罪的立案流程是怎样的？"><span>13</span><h3>侵犯商业秘密罪的立案流程是怎样的？</h3></a></li>
<li><a href="/bjvfm.html" title="刑事和解具有怎样的价值"><span>14</span><h3>刑事和解具有怎样的价值</h3></a></li>
<li><a href="/bjvfl.html" title="刑事辩护中辩护人的权利有哪些"><span>15</span><h3>刑事辩护中辩护人的权利有哪些</h3></a></li>
<li><a href="/bjvfk.html" title="明日之后如何获得新币"><span>16</span><h3>明日之后如何获得新币</h3></a></li>
<li><a href="/bjvfj.html" title="2016年司法考试到底应该怎样复习"><span>17</span><h3>2016年司法考试到底应该怎样复习</h3></a></li>
<li><a href="/bjvfi.html" title="lol末日人机用什么英雄好"><span>18</span><h3>lol末日人机用什么英雄好</h3></a></li>
<li><a href="/bjvfh.html" title="刑事证据：[5]刑事证据审查有哪些方法"><span>19</span><h3>刑事证据：[5]刑事证据审查有哪些方法</h3></a></li>
<li><a href="/bjvfg.html" title="怎样鉴别网络犯罪中如何界定敲诈勒索"><span>20</span><h3>怎样鉴别网络犯罪中如何界定敲诈勒索</h3></a></li>
<li><a href="/bjvff.html" title="英雄联盟S10.8恶魔小丑符文推荐"><span>21</span><h3>英雄联盟S10.8恶魔小丑符文推荐</h3></a></li>
<li><a href="/bjvfe.html" title="什么是公诉？公诉和自诉的区别"><span>22</span><h3>什么是公诉？公诉和自诉的区别</h3></a></li>
<li><a href="/bjvfd.html" title="如何书写死刑复核律师意见书?"><span>23</span><h3>如何书写死刑复核律师意见书?</h3></a></li>
<li><a href="/bjvfc.html" title="解除取保候审的几点思考与看法"><span>24</span><h3>解除取保候审的几点思考与看法</h3></a></li>
<li><a href="/bjvfb.html" title="取保候审的条件与应当遵守的法律规定"><span>25</span><h3>取保候审的条件与应当遵守的法律规定</h3></a></li>
<li><a href="/bjvfa.html" title="盗窃案犯罪嫌疑人讯问笔录实体要素有哪些"><span>26</span><h3>盗窃案犯罪嫌疑人讯问笔录实体要素有哪些</h3></a></li>
<li><a href="/bjvez.html" title="win10专业版怎么快捷截图"><span>27</span><h3>win10专业版怎么快捷截图</h3></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="onjfeeds"></div><span class="onj_live"></span><span class="childonj"></span><div class="onj_location"></div><span class="buddhaonj"></span><div class="branchesccmw footer_service">
<a href="/sitemap.html" target="_blank">网站地图</a>
<a href="/sitemap.xml" target="_blank">XML</a>
<a href="/sitemap.txt" target="_blank">TXT</a>
<a href="/rss.xml" target="_blank">RSS</a>
<a href="/privacy.html" target="_blank">隐私政策</a>
<a href="/service.html" target="_blank">服务条款</a>
<a href="/agreement.html" target="_blank">使用条款</a>
<div class="flagccmw footer_copyright clogWalletccmw">Copyright ©1996-2026 www.onijiang.com Corporation, All Rights Reserved</div>
</div>
<script src="/static/index1js/jquery-3.5.1.min.js" rel="external nofollow"></script>
<script src="/static/js/share.js" rel="external nofollow"></script>
<script src="/static/js/tran.js" rel="external nofollow"></script>
<script src="/static/js/langs.js" rel="external nofollow" ></script>
<div class="onj_happy"></div><span class="containeronj"></span><div class="baronj" id="baronj"></div><div id="Family_seal_onj"></div><script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https'){
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else{
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html>
然后，我们在
标签中输入