得，今天琢磨一下怎么搞个简单的网页首页，就是用那个 HTML 来写。想着反正也做，就把这个过程给记下来，分享分享。
第一步，就是瞎琢磨。
动手之前，我先寻思一下，这首页上放点啥？不能太复杂，不然搞不定。就想着，要不就放个标题，简单介绍两句自己，再列几个我的爱感觉差不多，简单明。工具嘛就没用那些花里胡哨的，直接开个记事本，用的是 Notepad++，感觉这个用着顺手点，写代码也方便些。
开搞，创建文件
想好大概内容，我就新建一个空白文件。这个得注意，一上来就赶紧保存，文件名我直接叫 `*`。这个 `.html` 后缀可不能忘，不然浏览器不认它是个网页。
搭骨架子
文件有，就开始敲代码。先把那个 HTML 的基本架子搭起来，就是那个 ``、`
`、`` 这三大件。这玩意儿是必须的，就像盖房子得有地基和墙一样。
在 `
` 里面，我加个 `
`，写的是“我的个人主页”。这个就是显示在浏览器标签页上的那个小字，让人知道这是啥页面。</p>
<h2>填内容</h2>
<p>架子搭好，就往 `` 里面塞东西。这是网页要显示给人家看的部分。</p>
<ul>
<li>我先搞个标题，用个 `<h2>` 标签，写上“欢迎来到我的空间”。没用 `<h1>`，就用 `<h2>` 感觉也够用。</li>
<li>标题下面，写一小段话，简单介绍一下自己是干嘛的，用 `<p>` 标签包起来，算是个段落。</li>
<li>然后是之前想好的爱好列表。这个我用 `<ul>` 标签，意思是无序列表，就是前面带个点儿的那种。</li>
<li>每个爱就用一个 `<li>` 标签包起来，比如 `<li>` 看书 `</li>`，`<li>` 听音乐 `</li>`，`<li>` 瞎折腾 `</li>` 这样，列几个。</li>
<li>写介绍的时候，有几个词我觉得比较重要，就用 `<strong>` 标签把它加粗一下，醒目点。</li>
</ul>
<h2>看看效果</h2>
<p>写得差不多，我就把这个 `*` 文件在浏览器里打开看看。标题、段落、列表都出来，格式虽然简陋，但内容都对。文字都在，列表也显示出来，基本的样子是有。</p>
<p>一开始也想过搞点花哨的布局，比如分个左右栏啥的，但琢磨一下，那个好像得用 CSS 来弄，今天就想先单纯用 HTML 把结构弄出来。复杂的东西，以后再说。先保证有东西能看。</p>
<p><strong>收工总结</strong></p>
<p>搞这么个简单的 HTML 首页，过程不算难。主要是得记住那些基本的标签怎么用，还有标签得一对一对地写完整，别漏结尾。这回实践下来，感觉对这些基础标签的用法又熟悉一点。挺算是个记录。</p> </div>
<div class="show_pages clearfix">
<p>上一篇：<a href="/eusk/4087.html">北京微信小游戏开发多少钱？内行人给你实在报价参考！</a></p>
<p>下一篇：<a>暂无</a></p>
</div>
</div>
<div class="fr">
<div class="hot_new clearfix"> <span>最新文章</span>
<a href="/eusk/4090.html">html首页制作有哪些技巧？大神分享的实</a>
<a href="/eusk/4087.html">北京微信小游戏开发多少钱？内行人给你实在</a>
<a href="/eusk/4084.html">想找便宜点的财务软件？这几个选择别错过！</a>
<a href="/eusk/4081.html">自己搭建节点用什么工具？推荐这几款免费好</a>
<a href="/eusk/4077.html">怎么自己创造主题？新手必学的5个简单方法</a>
<a href="/eusk/4076.html">h5开发软件哪个好用？老程序员分享经验！</a>
<a href="/eusk/4073.html">好的简历模板网站怎么选？3个技巧帮你找到</a>
<a href="/eusk/4069.html">报价函密封封面模板怎么写？掌握这几点轻松</a>
<a href="/eusk/4068.html">建立自己的域名邮箱</a>
<a href="/eusk/4065.html">weeasy财务软件有啥优势？和传统软件</a>
<a href="/eusk/4058.html">简历模板下载网站哪个好？推荐这3个高质量</a>
<a href="/eusk/4055.html">如何提高网站流量？避开这些误区让你的排名</a>
<a href="/eusk/4051.html">exe软件开发怎么做？老程序员分享实用经</a>
<a href="/eusk/4047.html">户外悬空平台搭建要多少钱？内行帮你分析费</a>
<a href="/eusk/4044.html">空间注册申请教程送域名哪里找？新手看这篇</a>
<a href="/eusk/4041.html">财务报表自动生成的软件好用吗？用过的人这</a>
<a href="/eusk/4040.html">简历模板网站哪个好用？推荐3个高质量模板</a>
<a href="/eusk/4037.html">vr眼镜软件开发有啥用？带你了解应用场景</a>
<a href="/eusk/4034.html">财务盘点软件效果咋样？这些优势很明显！</a>
<a href="/eusk/4029.html">圆通快速建站服务怎么样？新手小白也能轻松</a>
</div>
</div>
</div>
<div class="m_show_pages clearfix">
<p>上一篇：<a href="/eusk/4087.html">北京微信小游戏开发多少钱？内行人给你实在报价参考！</a></p>
<p>下一篇：<a>暂无</a></p>
</div>
</div>
</div>
<div class="footer">
<div class="center">
<div class="box clearfix">
<p>Copyright © 2002-2026 株洲鑫拓海网站制作建设公司 版权所有<a href="http://www.eyoucms.com/plus/powerby.php" target="_blank"> Powered by EyouCms</a> <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">鲁ICP备2024078765号</a> <a href="http://zz.kongtiao989.com/sitemap.xml" target="_blank">xml地图</a> </p>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('.imgauto img').imgAuto();
})
</script>
<div class="footer-fix">
<ul class="clearfix">
<li><a href="http://zz.kongtiao989.com"><i class="i1"></i>网站首页</a></li>
<li><a href=" /xjza/"><i class="i2"></i> 网站建设</a></li>
<li><a href=" /lyvf/"><i class="i4"></i> 新闻动态</a></li>
<li><a href="tel:020-66889888"><i class="i3"></i>服务热线</a></li>
</ul>
</div>
<!-- 应用插件标签 start -->
<!-- 应用插件标签 end -->
</body>
</html> 
