HTML网页初学者教程：讲解网页标题Title
导读：我们制作的每一个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>
</article>
<div id="unfold-field">
<div class="unfold-field-bg"></div>
<div class="unfold-field-tit">
<a href="javascript:void(0)" class="fls">点击查看全文</a>
</div>
</div>
<div class="tag">相关标签：</div>
<div class="mod-tips">
<p class="details-tips-prev details-tips-dif">
<i class="ico-next"></i>
上一篇：<a href='https://m.petatt.cn/dogchoose/13.html'>新手学习老知识（一）HTML语言基础</a>
</p>
<p class="details-tips-prev details-tips-dif">
<i class="ico-next"></i>
下一篇：<a href='https://m.petatt.cn/dogchoose/15.html'>网页文本排版知识：为正确的内容使用恰当的标签</a>
</p>
</div>
<div class="mod-box">
<div class="title"><h2>相关阅读</h2></div>
<div class="txt-pic2">
</div>
</div>
<div class="mod-cmt">
<div class="title"><h2>网友评论</h2></div>
<div class="cmt-con">
<!-- //主模板必须要引入https://www.petatt.cn/include/dedeajax2.js -->
<a name='postform'></a>
<div class="mt1">
<!-- //评论内容区 -->
<a name='commettop'></a>
<div class="mt1">
<dl class="tbox">
<!-- //这两个ID的区块必须存在，否则JS会出错 -->
<dd id='commetcontentNew'></dd>
<dd id='commetcontent'></dd>
</dl>
</div>
<dl class="tbox">
<dd>
<div class="dede_comment_post">
<form action="#" method="post" name="feedback">
<input type="hidden" name="dopost" value="send" />
<input type="hidden" name="comtype" value="comments">
<input type="hidden" name="aid" value="14" />
<input type="hidden" name="fid" id='feedbackfid' value="0" />
<div class="dcmp-content">
<textarea cols="60" name="msg" rows="5" class="ipt-txt" placeholder="写下您想说的话，字数不超过500字。"></textarea>
</div><!-- /dcmp-content -->
<div class="dcmp-post"><!--未登陆-->
<div class="dcmp-userinfo" id="_ajax_feedback">
验证码:<input type="text" name="validate" size="4" class="ipt-txt" style="text-transform:uppercase;"/><img src= "https://m.petatt.cn/vdimgck.php" id="validateimg" style="cursor:pointer" onclick="javascript:this.src=this.src+'?time='+Math.random()" title="点击我更换图片" alt="点击我更换图片" />
<input type="checkbox" name="notuser" id="dcmp-submit-guest" /><label for="dcmp-submit-guest" />匿名? </label>
</div>
<div class="dcmp-submit">
<button type="button" onClick='PostComment()'>发表评论</button>
</div>
</div>
<div class="dcmp-title">
<small>请自觉遵守互联网相关政策法规，评论内容只代表网友观点，与本站立场无关！</small>
</div><!-- /dcmp-title -->
</form>
</div>
</dd>
</dl>
</div><!-- //评论表单区结束 -->
<!--
//由于评论载入时使用异步传输，因此必须在最后一步加载（DIGG和评论框须放在评论内容前面）
//如果一定需要提前的把myajax.SendGet改为myajax.SendGet2，但可能会引起页面阻滞
-->
<script language='javascript'>
function LoadCommets(page)
{
var taget_obj = document.getElementById('commetcontent');
var waithtml = "<div style='line-height:50px'><img src='https://www.petatt.cn/images/loadinglit.gif' />评论加载中...</div>";
var myajax = new DedeAjax(taget_obj, true, true, '', 'x', waithtml);
myajax.SendGet2("https://m.petatt.cn/feedback_ajax.php?dopost=getlist&aid=14&page="+page);
DedeXHTTP = null;
}
function PostComment()
{
var f = document.feedback;
var nface = '6';
var nfeedbacktype = 'feedback';
var nvalidate = '';
var nnotuser = '';
var nusername = '';
var npwd = '';
var taget_obj = $DE('commetcontentNew');
var waithtml = "<div style='line-height:30px'><img src='https://www.petatt.cn/images/loadinglit.gif' />正在发送中...</div>";
if(f.msg.value=='')
{
alert("评论内容不能为空！");
return;
}
// if(f.validate)
// {
// if(f.validate.value=='') {
// alert("请填写验证码！");
// return;
// }
// else {
// nvalidate = f.validate.value;
// }
// }
if(f.msg.value.length > 500)
{
alert("你的评论是不是太长了？请填写500字以内的评论。");
return;
}
if(f.feedbacktype) {
for(var i=0; i < f.feedbacktype.length; i++)
if(f.feedbacktype[i].checked) nfeedbacktype = f.feedbacktype[i].value;
}
if(f.face) {
for(var j=0; j < f.face.length; j++)
if(f.face[j].checked) nface = f.face[j].value;
}
if(f.notuser.checked) nnotuser = '1';
if(f.username) nusername = f.username.value;
if(f.pwd) npwd = f.pwd.value;
var myajax = new DedeAjax(taget_obj, false, true, '', '', waithtml);
myajax.sendlang = 'utf-8';
myajax.AddKeyN('dopost', 'send');
myajax.AddKeyN('aid', '14');
myajax.AddKeyN('fid', f.fid.value);
myajax.AddKeyN('face', nface);
myajax.AddKeyN('feedbacktype', nfeedbacktype);
myajax.AddKeyN('validate', nvalidate);
myajax.AddKeyN('notuser', nnotuser);
myajax.AddKeyN('username', nusername);
myajax.AddKeyN('pwd', npwd);
myajax.AddKeyN('msg', f.msg.value);
myajax.SendPost2('https://m.petatt.cn/feedback_ajax.php');
f.msg.value = '';
f.fid.value = 0;
if(f.validate)
{
if($DE('validateimg')) $DE('validateimg').src = "https://m.petatt.cn/vdimgck.php?"+f.validate.value;
f.validate.value = '';
}
}
function quoteCommet(fid)
{
document.feedback.fid.value = fid;
}
LoadCommets(1);
</script><!-- //评论内容区结束 -->
</div>
</div>
<div class="mod-box mod-like">
<div class="title"><h2>猜你喜欢</h2></div>
<div class="con">
<a href="https://m.petatt.cn/goudaquan/simaogeng/"><img src="http://p2.ycw.com/201609/12/2e165d879eaedd14fca9002af93d0ce8"><em>丝毛梗</em></a>
<a href="https://m.petatt.cn/goudaquan/qinukequan/"><img src="http://p2.ycw.com/201609/08/71be1ce986d3992f1df246fc04dd35de"><em>奇努克犬</em></a>
<a href="https://m.petatt.cn/goudaquan/pajinliequan/"><img src="http://p2.ycw.com/201609/12/9361202366237f8a35542680add71d61"><em>帕金猎犬</em></a>
<a href="https://m.petatt.cn/goudaquan/pingmaoxunhuiquan/"><img src="http://p2.ycw.com/201609/12/9b05a867aeb17f5d8ec4b48764443e72"><em>平毛寻回犬</em></a>
<a href="https://m.petatt.cn/goudaquan/pengbuluokeweiershikeji/"><img src="http://p2.ycw.com/201609/12/d3993855a4b0cb597bcc34b3665d8806"><em>彭布罗克威尔士柯基</em></a>
<a href="https://m.petatt.cn/maodaquan/abixiniyamiao/"><img src="http://p2.ycw.com/201609/14/ea47a8db8c7a874a9727fb1b0a9401e7"><em>阿比西尼亚猫</em></a>
<a href="https://m.petatt.cn/maodaquan/aqianjilanmiao/"><img src="http://p2.ycw.com/201609/14/22baad9a172a2689c4e3f9563f0a12c5"><em>阿契安吉蓝猫</em></a>
<a href="https://m.petatt.cn/maodaquan/aijimiao/"><img src="http://p2.ycw.com/201609/08/7a95c1fd1eb8f9d258c0c295ed3d77e6"><em>埃及猫</em></a>
<a href="https://m.petatt.cn/maodaquan/aoximiao/"><img src="http://p2.ycw.com/201609/21/cfc67f141bb9404c41259a07480f8b7b"><em>奥西猫</em></a>
<a href="https://m.petatt.cn/maodaquan/bidetumiao/"><img src="http://p2.ycw.com/201609/14/c50a1b51ad7d0f38b46a3a1c16a246cd"><em>彼得秃猫</em></a>
</div>
</div>
</main>
<footer>Copyright huoche.net 2009-2018<br/>闽ICP备11014391号-403</footer>
<a href="javascript:void(0)" class="fix-top" id="roll-top"><i class="iconfont icon-huidaodingbu"></i></a>
<script type="text/javascript" src="https://m.petatt.cn/pet/js/jquery.min.js"></script>
<script type="text/javascript" src="https://m.petatt.cn/pet/js/echo.min.js"></script>
<script type="text/javascript">
Echo.init({
offset: 0,
throttle: 0
});
</script>
<script>
$(".a-nav").click(function(){
if(!$(this).is(".on")){
$(this).addClass("on");
$(".sub-nav").addClass("show");
}
else{
$(this).removeClass("on");
$(".sub-nav").removeClass("show");
}
})
$(".sub-nav .close").click(function(){
$(".a-nav").removeClass("on");
$(".sub-nav").removeClass("show");
})
//回到顶部
$(window).scroll(function () {
if ($(window).scrollTop() > 300) {
$('#roll-top').fadeIn(400);
} else {
$('#roll-top').fadeOut(0);
}
});
$('#roll-top').on("click",function () {
$('html,body').animate({
scrollTop : '0px'
}, 300);
});
var het = $(".mod-art").height();
if(het<500){
$("#unfold-field").hide();
}
else{
$(".mod-art").css("height","500px")
}
$("#unfold-field .fls").click(function(){
$(".mod-art").css("height","auto");
$(this).parent().parent().hide();
})
$(".art-menu a").click(function(){
$(".mod-art").css("height","auto");
$("#unfold-field").hide();
})
</script>
</body>
</html>