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>
(责任编辑：admin)</td>
</tr>
</table>
</div>
<div class="dede_pages">
<ul class="pagelist">
</ul>
</div>
<center> <a href='http://2v.dedecms.com/' id='__dedeqrcode_14'>织梦二维码生成器</a>
<script type="text/javascript">
var __dedeqrcode_id=14;
var __dedeqrcode_aid=14;
var __dedeqrcode_type='arc';
var __dedeqrcode_dir='/plus';
</script>
<script language="javascript" type="text/javascript" src="/plus/img/qrcode.js"></script></center>
<!-- //顶踩 -->
<div class="newdigg" id="newdigg">
<div class="diggbox digg_good" onmousemove="this.style.backgroundPosition='left bottom';" onmouseout="this.style.backgroundPosition='left top';" onclick="javascript:postDigg('good',14)">
<div class="digg_act">顶一下</div>
<div class="digg_num">(0)</div>
<div class="digg_percent">
<div class="digg_percent_bar"><span style="width:0%"></span></div>
<div class="digg_percent_num">0%</div>
</div>
</div>
<div class="diggbox digg_bad" onmousemove="this.style.backgroundPosition='right bottom';" onmouseout="this.style.backgroundPosition='right top';" onclick="javascript:postDigg('bad',14)">
<div class="digg_act">踩一下</div>
<div class="digg_num">(0)</div>
<div class="digg_percent">
<div class="digg_percent_bar"><span style="width:0%"></span></div>
<div class="digg_percent_num">0%</div>
</div>
</div>
</div>
<script language="javascript" type="text/javascript">getDigg(14);</script>
<!-- //顶踩部份的源码结束 -->
<!-- //分享代码开始 -->
<!-- //分享代码结束 -->
<div class="boxoff"> <strong>------分隔线----------------------------</strong> </div>
<div class="handle">
<div class="context">
<ul>
<li>上一篇：<a href='/cn/news/2010/0407/13.html'>新手学习老知识（一）HTML语言基础</a> </li>
<li>下一篇：<a href='/cn/news/2010/0407/15.html'>网页文本排版知识：为正确的内容使用恰当的标签</a> </li>
</ul>
</div>
<!-- /context -->
<div class="actbox">
<ul>
<li id="act-fav"><a href="/plus/stow.php?aid=14" target="_blank">收藏</a></li>
<li id="act-err"><a href="/plus/erraddsave.php?aid=14&title=HTML网页初学者教程：讲解网页标题Title" target="_blank">挑错</a></li>
<li id="act-pus"><a href="/plus/recommend.php?aid=14" target="_blank">推荐</a></li>
<li id="act-pnt"><a href="#" onClick="window.print();">打印</a></li>
</ul>
</div>
<!-- /actbox -->
</div>
<!-- /handle -->
</div>
<!-- /viewbox -->
<!-- //AJAX评论区 -->
</div>
<!-- //左边内容结束 -->
</div>
<!-- //右边内容开始 -->
<div class="content_right sidebar1">
</div>
<div class="content_right sidebar1">
<dl>
<dt><strong>栏目列表</strong></dt>
<dd>
<ul class=" lh20px">
<li><a href='/cn/about/'>公司简介</a></li>
<li><a href='/cn/news/' class='thisclass'>公司新闻</a></li>
<li><a href='/cn/chanpinyoushi/'>产品优势</a></li>
<li><a href='/cn/products/'>产品中心</a></li>
<li><a href='/cn/case/'>应用案例</a></li>
<li><a href='/cn/lxfs/'>联系方式</a></li>
<li><a href='http://www.nbwito.com/en'>English</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><strong>推荐内容</strong></dt>
<dd>
<ul class="">
<li class="lh20px"><a href="/cn/news/2010/0408/106.html">{dede:招聘启事 标题='织梦大家庭新</a>
<p>2010年，新一年，新征程……
织梦大家庭招募能够共同创业的新...</p>
</li>
<li class="lh20px"><a href="/cn/news/2010/0407/49.html">使用mashups可能会给用户带来不好体</a>
<p>最近，老板在我们公司使用了一种网络内容过滤设备。至今为止...</p>
</li>
<li class="lh20px"><a href="/cn/news/2010/0407/50.html">如何用JavaScript实现旋转木马</a>
<p>Flash动画可以让Web网站看起来很漂亮，但是由于各种原因不是每...</p>
</li>
<li class="lh20px"><a href="/cn/news/2010/0407/51.html">设计与应用JavaScript对象符号JSON</a>
<p>XML是作为一种数据交换工具开发并推出的，但并不是所有开发者...</p>
</li>
<li class="lh20px"><a href="/cn/news/2010/0407/52.html">完全了解AJAX</a>
<p>尽管AJAX是个相对新生的术语，但其背后的技术却并不新颖。我们...</p>
</li>
<li class="lh20px"><a href="/cn/news/2010/0407/53.html">用Mozilla免费调试器调试JavaScript</a>
<p>编程错误是生活中的严酷事实，但你不应在追踪这些错误的同时...</p>
</li>
</ul>
</dd>
</dl>
<dl>
<dt><strong>热点内容</strong></dt>
<dd>
<ul>
<li><a href="/cn/news/2010/0407/92.html">DedeCMS V5.6 开发日志及新建</a></li>
<li><a href="/cn/news/2010/0408/106.html">{dede:招聘启事 标题='织梦</a></li>
<li><a href="/cn/news/2010/0407/39.html">Web2.0十大Ajax安全漏洞以及</a></li>
<li><a href="/cn/news/2010/0407/1.html">学习HTML 4.0事件属性</a></li>
<li><a href="/cn/news/2010/0407/2.html">初学者：XHTML常用标签的基</a></li>
<li><a href="/cn/news/2010/0407/3.html">网页中应用表格爱好者</a></li>
<li><a href="/cn/news/2010/0407/4.html">初学者很好的参考：HTML标</a></li>
<li><a href="/cn/news/2010/0407/5.html">实例学习网页制作中常用</a></li>
<li><a href="/cn/news/2010/0407/6.html">网页制作初学者：认识X</a></li>
<li><a href="/cn/news/2010/0407/7.html">对于初学者不错的XHTML教程</a></li>
</ul>
</dd>
</dl>
</div>
</div>
</div>
<!-- //底部模板 -->
<div class="footer w960 center mt1 clear">
<!--
为了支持织梦团队的发展,请您保留织梦内容管理系统的链接信息.
我们对支持织梦团队发展的朋友表示真心的感谢!织梦因您更精彩!
-->
<div class="footer_left"></div>
<div class="footer_body">
<p class="powered">
<div class="copyright">Copyright © 2007-2018. 宁波威拓建设新材料有限公司 版权所有 <a href=http://www.dedecms.com target='_blank'>Power by DedeCms</a> </div></p>
<!-- /powered -->
</div>
<div class="footer_right"></div>
</div>
<!-- /footer -->
</div>
</body>
</html>
|