HTML网页初学者教程：讲解网页标题Title
时间:2010-04-07 09:29
来源:
作者:
点击:次
我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢？这个教程就作为网页初学者的入门吧！给你的文档增加一个标题，按照下面改变你的代码：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//ENhttp://www.w3.org/
我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢？这个教程就作为网页初学者的入门吧！
给你的文档增加一个标题，按照下面改变你的代码：
"">
我的第一个网页我的第一个网页
你可以看到，我们已经增加从
标签和
标签开始的两个新元素（看看他们是怎么关闭的）。</p><p>头元素（从起始标签<head>到闭合标签</head>之间的内容）出现在主体元素（从起始标签< body>到闭合标签</body>之间的内容）之前，包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习，你会看到更多能够插入头元素的其它元素，但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页（像前面一样已经保存和刷新），你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题（title）标签的文本已经变成了这个文档的标题，惊奇吧？假设把这个网页增添到你的收藏夹或者书签，你会看到标题也会出现在这里。<br /></p>
<p align="center"> </p></p>
(责任编辑：admin)
</div>
<!-- 分页 -->
<ul class="uk-pagination uk-flex-center">
</ul>
<!-- /分页 -->
<ul class="uk-pagination">
<li><span class='uk-margin-small-right'>上一篇：<a href='/a/webbase/html/2010/0407/13.html'>新手学习老知识（一）HTML语言基础</a></span></li>
<li class="uk-margin-auto-left"><span class='uk-margin-small-left'>下一篇：<a href='/a/webbase/html/2010/0407/15.html'>网页文本排版知识：为正确的内容使用恰当的标签</a> </span></li>
</ul>
</div>
</section>
<!-- 推荐内容 -->
<div class="uk-container uk-container-small uk-padding">
<h4 class="uk-text-center">推荐内容</h4>
<ul class="uk-list uk-list-large uk-list-divider">
<li>
<article class="uk-article">
<div class="uk-article-body">
<div>
<h5><a href="/a/webbase/html/2020/0508/775.html">TPE娃娃材料味道重，要不要买硅胶娃娃</a></h5>
</div>
<div class="uk-margin-small-top"><p>美造人公司作为品牌商，也希望我们能以优质的产品回馈广大消费者，材料选择上，经达八个月的实验调试，最终也是希望以好的产品走向市场，并能得到娃友的认同，企业走得长远与否，最终也是靠品质取胜。...</p></div>
<div class="uk-article-meta uk-margin-xsmall-top">
<time>2020-05-08 14:56:44</time>
</div>
</div>
</article>
</li>
<li>
<article class="uk-article">
<div class="uk-article-body">
<div>
<h5><a href="/a/webbase/html/2020/0504/771.html">实体娃娃不是充气娃娃</a></h5>
</div>
<div class="uk-margin-small-top"><p>很多人一提到成人用品就想到充气娃娃，或者明明看到了实体娃娃了，还一本正经的喊:哇充气娃娃，甚至有娃友还是小白时还被卖家骗过，网上部分无良商家拿充气娃娃冒充实体娃娃出售给娃友，事实上充气娃娃和实体娃娃完全是两件不同的商品。写这篇文章主要是让准...</p></div>
<div class="uk-article-meta uk-margin-xsmall-top">
<time>2020-05-04 16:42:00</time>
</div>
</div>
</article>
</li>
<li>
<article class="uk-article">
<div class="uk-article-body">
<div>
<h5><a href="/a/webbase/html/2019/1209/533.html">冲压机器人的灵活度是怎样实现的？</a></h5>
</div>
<div class="uk-margin-small-top"><p>手部是用来抓持工件（或工具）的部件，根据被抓持物件的形状、尺寸、重量、材料和作业要求而有多种结构形式，如夹持型、托持型和吸附型等。...</p></div>
<div class="uk-article-meta uk-margin-xsmall-top">
<time>2019-12-09 15:12:23</time>
</div>
</div>
</article>
</li>
<li>
<article class="uk-article">
<div class="uk-article-body">
<div>
<h5><a href="/a/webbase/html/2019/1119/359.html">东莞市格瑞机械有限公司官网www.dggreat.cn开通了</a></h5>
</div>
<div class="uk-margin-small-top"><p>玻璃胶设备|分装机|装箱机-东莞格瑞机械有限公司www.dggreat.cn开通了。...</p></div>
<div class="uk-article-meta uk-margin-xsmall-top">
<time>2019-11-19 16:40:03</time>
</div>
</div>
</article>
</li>
<li>
<article class="uk-article">
<div class="uk-article-body">
<div>
<h5><a href="/a/webbase/html/2019/0629/169.html">服装生产厂家如何用微信免费卖（推广）衣服、裙子、裤子、帽子、</a></h5>
</div>
<div class="uk-margin-small-top"><p>国联 服装 网：微信上怎么卖 衣服 ？没有客源怎么办？现在很多人都做起了微商，既不影响自己的工作又能获得额外收入。但是微信上卖衣服并不是那么好卖的？首先一点你的朋友圈可能没有那么多的好友，还有就是发多了可能会被人屏蔽，面对诸如此类的 问题 ，我...</p></div>
<div class="uk-article-meta uk-margin-xsmall-top">
<time>2019-06-29 18:09:52</time>
</div>
</div>
</article>
</li>
<li>
<article class="uk-article">
<div class="uk-article-body">
<div>
<h5><a href="/a/webbase/html/2019/0511/161.html">东莞市熙然木业有限公司设计分享：你根本不知道，古代木雕能有多</a></h5>
</div>
<div class="uk-margin-small-top"><p>【设计分享】这个栏目 是我们为木头爱好者准备的分享栏目 这里会有 来自我的木头WOODWOOD成员的设计 也会有我们平时学习、生活中看到的 有趣的好玩的有价值的 艺术设计、文学作品、展览展会等等 和木头有关的分享 希望你们在片刻闲暇中遇到喜欢的内容 当然也...</p></div>
<div class="uk-article-meta uk-margin-xsmall-top">
<time>2019-05-11 08:58:33</time>
</div>
</div>
</article>
</li>
</ul>
</div>
<!-- 底部模板 -->
<footer>
<section class="uk-section uk-section-secondary uk-section-small uk-light">
<div class="uk-container">
<div class="uk-grid-medium uk-child-width-1-1 uk-child-width-1-2@m" uk-grid>
<div><a class="uk-logo" href="index.html"><img src="/assets/img/dedecms.png" width="180px"></a>
<p class="uk-text-small">
<p class="uk-text-small">
Copyright © 2002-2019 TOW国联商务网 版权所有 粤ICP备2021114562号 <br />
<!--
为了支持织梦团队的发展,请您保留织梦内容管理系统的链接信息.
我们对支持织梦团队发展的朋友表示真心的感谢!织梦因您更精彩!
-->
</p>
</div>
</div>
</section>
</footer>
<!-- OFFCANVAS -->
<div id="nav-offcanvas" data-uk-offcanvas="flip: true; overlay: true">
<div class="uk-offcanvas-bar uk-offcanvas-bar-animation uk-offcanvas-slide">
<button class="uk-offcanvas-close uk-close" type="button" data-uk-close></button>
<ul class="uk-nav uk-nav-default">
<li><a href='/'>主页</a></li>
<li class='hover'><a href='/a/webbase/' rel='dropmenu1'>网页基础</a></li>
<li><a href='/a/pics/' >站长图集</a></li>
<li><a href='/a/downloads/' >软件下载</a></li>
<li><a href='/a/shops/' >商品销售</a></li>
<li><a href='/a/infos/' >分类信息</a></li>
<li><a href='http://www.dedecms.com' >织梦CMS</a></li>
<li><a href='http://docs.dedecms.com' >帮助文档</a></li>
</ul>
</div>
</div>
<!-- /OFFCANVAS -->
<!-- JS FILES -->
<script src="/assets/pkg/uikit/js/uikit.min.js"></script>
<script src="/assets/pkg/uikit/js/uikit-icons.min.js"></script>
<script src="/assets/pkg/jquery/jquery.min.js"></script>
<script src="/assets/js/dede.default.min.js"></script>
<!-- /JS FILES -->
<!-- /底部模板 -->
<!-- /footer -->
</body>
</html>
