我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢？这个教程就作为网页初学者的入门吧！
给你的文档增加一个标题，按照下面改变你的代码：
我的第一个网页
我的第一个网页
你可以看到，我们已经增加从标签和标签开始的两个新元素（看看他们是怎么关闭的）。<br/> 头元素（从起始标签<head>到闭合标签</head>之间的内容）出现在主体元素（从起始标签<body>到闭合标签</body>之间的内容）之前，包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。<br/> 随着我们进一步学习，你会看到更多能够插入头元素的其它元素，但最重要的还是标题元素。<br/> 如果你从浏览器查看这个网页（像前面一样已经保存和刷新），你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题（title）标签的文本已经变成了这个文档的标题，惊奇吧？假设把这个网页增添到你的收藏夹或者书签，你会看到标题也会出现在这里。 </div>
</div>
</div>
<div class="cgmainContent_r">
<div class="cgright">
<div class="cgrtitle">热门文章</div>
<div class="cgbox"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td height="20">· <a href="/zzcd/pmjc/4638.html" title="Photoshop制作漂亮的彩色光丝">Photoshop制作漂亮的彩色光丝</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/pmjc/4637.html" title="超强人物脸部及皮肤的综合美化">超强人物脸部及皮肤的综合美化</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/pmjc/4636.html" title="Photoshop制作可爱的卡通雪人">Photoshop制作可爱的卡通雪人</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/pmjc/4635.html" title="Photoshop制作Windows 7风格导航">Photoshop制作Windows 7风格导航</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/pmjc/4634.html" title="教你快速用PS加强照片的亮度及清晰度">教你快速用PS加强照片的亮度及清</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/pmjc/4633.html" title="[贴图]Photoshop打造超经典的雪域天使">[贴图]Photoshop打造超经典的雪域</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/pmjc/4632.html" title="Photoshop调出美女脸部红润的肤色">Photoshop调出美女脸部红润的肤色</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/divcss/4631.html" title="13、CSS字体属性">13、CSS字体属性</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/divcss/4630.html" title="12、CSS常用文本属性">12、CSS常用文本属性</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/divcss/4629.html" title="11、CSS背景属性">11、CSS背景属性</a></td>
</tr>
</table>
</div>
<div class="cgrtitle">推荐文章</div>
<div class="cgbox"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td height="20">· <a href="/zzcd/pmjc/4638.html" title="Photoshop制作漂亮的彩色光丝">Photoshop制作漂亮的彩色光丝</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/pmjc/4637.html" title="超强人物脸部及皮肤的综合美化">超强人物脸部及皮肤的综合美化</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/pmjc/4636.html" title="Photoshop制作可爱的卡通雪人">Photoshop制作可爱的卡通雪人</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/pmjc/4635.html" title="Photoshop制作Windows 7风格导航">Photoshop制作Windows 7风格导航</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/pmjc/4634.html" title="教你快速用PS加强照片的亮度及清晰度">教你快速用PS加强照片的亮度及清</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/pmjc/4633.html" title="[贴图]Photoshop打造超经典的雪域天使">[贴图]Photoshop打造超经典的雪域</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/pmjc/4632.html" title="Photoshop调出美女脸部红润的肤色">Photoshop调出美女脸部红润的肤色</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/divcss/4631.html" title="13、CSS字体属性">13、CSS字体属性</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/divcss/4630.html" title="12、CSS常用文本属性">12、CSS常用文本属性</a></td>
</tr>
<tr>
<td height="20">· <a href="/zzcd/divcss/4629.html" title="11、CSS背景属性">11、CSS背景属性</a></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="bottom"></div>
<div class="copy-wrap">
<div class="aboutus"><a href="">设为首页</a> | <a href="">加为收藏</a> | <a href="">关于我们</a> | <a href="">服务条款</a> | <a href="">广告服务</a> | <a href="">免责声明</a> </div>
<div class="copyright"> 本站基于KesionCMSV7.0开发 福建·漳州科兴信息技术有限公司 版权所有 © 2006-2010 <br>软著登字第126518号 登记号2009SR00339 工商注册号:350602100002211 税务登记号:350602666863734 闽ICP备06009871号
</div>
</div>
</div>
</body>
</html>
<script src="/ks_inc/ajax.js" type="text/javascript"></script>
<!-- published at 2010-08-10 18:50:04 Powered by KesionCMS V7 -->
给你的文档增加一个标题，按照下面改变你的代码：
我的第一个网页
你可以看到，我们已经增加从标签和