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>
</td>
</tr>
</table>
</div>
<!-- /content -->
<div class="dede_pages">
<ul class="pagelist">
</ul>
</div>
<!-- /pages -->
<div class="boxoff"> <strong>------分隔线----------------------------</strong> </div>
<div class="handle">
<div class="context">
<ul>
<li>上一篇：<a href='/a/webbase/html/2010/0407/13.html'>新手学习老知识（一）HTML语言基础</a> </li>
<li>下一篇：<a href='/a/webbase/html/2010/0407/15.html'>网页文本排版知识：为正确的内容使用恰当的标签</a> </li>
</ul>
</div>
<!-- /context -->
<div class="actbox">
<ul>
<li id="act-pnt"><a href="#" onClick="window.print();">打印</a></li>
</ul>
</div>
<!-- /actbox -->
</div>
<!-- /handle -->
</div>
<!-- /viewbox -->
<!-- //AJAX评论区 -->
</div>
<!-- //左边内容结束 -->
<!-- //右边内容开始 -->
<div class="pright">
<div class="pright">
<div>
<dl class="tbox">
<dt><strong>栏目列表</strong></dt>
<dd>
<ul class="d6">
<li><a href='/a/webbase/html/' class='thisclass'>HTML</a></li>
<li><a href='/a/webbase/div-css/'>DIV&CSS</a></li>
<li><a href='/a/webbase/javascript-ajax/'>Javascript/Ajax</a></li>
<li><a href='/a/webbase/dreamweaver/'>Dreamweaver</a></li>
</ul>
</dd>
</dl>
</div>
<div class="commend mt1">
<dl class="tbox light">
<dt class='light'><strong>推荐内容</strong></dt>
<dd class='light'>
<ul class="d4">
<li><a href="/a/webbase/html/2010/0407/1.html">学习HTML 4.0事件属性</a>
<p>HTML 4.0的新特性之一是使HTML事件触发浏览器中的行为，比方说当...</p>
</li>
<li><a href="/a/webbase/html/2010/0407/3.html">网页中应用表格爱好者</a>
<p>你认为已经知道怎么制做表格了吧。当然，你已经了解 table、...</p>
</li>
<li><a href="/a/webbase/html/2010/0407/6.html">网页制作初学者：认识XHTML DHTML S</a>
<p>我们经常会在一个技术性网站或BBS见到这三个东东：XHTML DHTML ...</p>
</li>
<li><a href="/a/webbase/html/2010/0407/7.html">对于初学者不错的XHTML教程</a>
<p>在这个教程里，你将学到HTML和XHTML之间的不同，以及如何将HTM...</p>
</li>
<li><a href="/a/webbase/html/2010/0407/10.html">表格中单元格之间分隔线的隐藏方</a>
<p>隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可...</p>
</li>
<li><a href="/a/webbase/html/2010/0407/18.html">浅谈XHTML（可扩展HTML）标准中CDAT</a>
<p>近来，随着XHTML（可扩展HTML）标准的出现，script/标签也经历了一...</p>
</li>
</ul>
</dd>
</dl>
</div>
<!-- /commend -->
<div class="hot mt1">
<dl class="tbox light">
<dt class='light'><strong>热点内容</strong></dt>
<dd class='light'>
<ul class="c1 ico2">
<li><a href="/a/webbase/html/2010/0407/92.html">辰商 V5.6 开发日志及新建</a></li>
<li><a href="/a/webbase/html/2010/0407/4.html">初学者很好的参考：HTML标</a></li>
<li><a href="/a/webbase/html/2010/0407/10.html">表格中单元格之间分隔线</a></li>
<li><a href="/a/webbase/html/2010/0407/1.html">学习HTML 4.0事件属性</a></li>
<li><a href="/a/webbase/html/2010/0407/2.html">初学者：XHTML常用标签的基</a></li>
<li><a href="/a/webbase/html/2010/0407/3.html">网页中应用表格爱好者</a></li>
<li><a href="/a/webbase/html/2010/0407/5.html">实例学习网页制作中常用</a></li>
<li><a href="/a/webbase/html/2010/0407/6.html">网页制作初学者：认识X</a></li>
<li><a href="/a/webbase/html/2010/0407/7.html">对于初学者不错的XHTML教程</a></li>
<li><a href="/a/webbase/html/2010/0407/8.html">介绍span和div标签的使用</a></li>
</ul>
</dd>
</dl>
</div>
</div>
<!-- /pright -->
</div>
<!-- //底部模板 -->
<div class="footer w960 center mt1 clear">
<div class="footer_left"></div>
<div class="footer_body">
<p class="powered">
Powered by <a href="http://www.dedecms.com" title="内容管理系统--国内最专业的PHP网站管理系统，轻松建站的首选利器。" target="_blank"><strong>我的网站</strong></a> © 2004-2017 Inc.<br /><div class="copyright">Copyright © 2002-2020 </div></p>
<!-- /powered -->
</div>
<div class="footer_right"></div>
</div>
<!-- /footer -->
<script type="text/javascript">
var contentRtPicAD2 = document.getElementById("contentRtPicAD2");
var stop = contentRtPicAD2.offsetTop - 60,
docBody = document.documentElement || document.body.parentNode || document.body,
hasOffset = window.pageYOffset !== undefined,
scrollTop;
window.onscroll = function (e) {
// cross-browser compatible scrollTop.
scrollTop = hasOffset ? window.pageYOffset : docBody.scrollTop;
if (scrollTop >= stop) {
contentRtPicAD2.className = 'stick';
} else {
contentRtPicAD2.className = '';
}
}
</script>
</body>
</html>
|