HTML网页初学者教程:讲解网页标题Title

初学|教程|网页

我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢?这个教程就作为网页初学者的入门吧!

给你的文档增加一个标题,按照下面改变你的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
我的第一个网页
</body>
</html>

你可以看到,我们已经增加从<head>标签和<title>标签开始的两个新元素(看看他们是怎么关闭的)。

头元素(从起始标签<head>到闭合标签</head>之间的内容)出现在主体元素(从起始标签<body>到闭合标签</body>之间的内容)之前,包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。

随着我们进一步学习,你会看到更多能够插入头元素的其它元素,但最重要的还是标题元素。

如果你从浏览器查看这个网页(像前面一样已经保存和刷新),你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题(title)标签的文本已经变成了这个文档的标题,惊奇吧?假设把这个网页增添到你的收藏夹或者书签,你会看到标题也会出现在这里。

时间: 2024-09-08 11:39:49

HTML网页初学者教程:讲解网页标题Title的相关文章

网页设计教程(5):网页视觉设计

上一篇文章:网页设计教程(4):关于素材和言志 网页设计进阶之五--构图的均衡与视觉引导.曲线/弧/光和影的运用 构图的均衡1.在非等形等量的情况下的构图以"均衡"来概括和衡量.与等形等量的平衡各站构图的50%.2.均衡的要素:平衡.变化和统一.明暗.色彩.空间层次等等等等. 构图的关系形状.位置.面积.方向.层次 构图的规律平衡/规律 视觉引导的基本特征:(遵循正常的阅读顺序)一.色彩引导 二.形状引导 三.姿势引导 四.明暗引导 五.瞬间捕捉 六.比例 --------------

网页设计教程(8):网页层次和空间设计

上一篇:网页设计教程(7):提高网页制作效率 一:很有必要的唠叨.有秩序,有规律,有特殊.叫层次!层次的迭代,表达出空间的存在感.点,线,面.点动成线,线动成面,面动成体,多个体的复杂构成.即为空间.当然,这里说的是数学空间或逻辑空间.可不是什么哲学空间. 二:离不开的感觉--透视:之前写过一篇关于透视的文章,这里再配几张图辅助理解.透视并不是最重要的,但它是很必要的!   三:最常用的表现手法--虚实和对比:   这是一张很常见的XP里的一张图片,看它的层次.近大远小--近实远虚--近重远轻.

网页设计教程(4):关于素材和言志

上一篇网页制作教程:网页设计教程(3):设计步骤及思考 关于收集素材:三遍记忆,让你记住海量素材的准确位置和用途,提高其可用性       这仅仅是一个示意图.在以往的日子里,我做到了只要脑袋里冒出一个想法,立刻就能知道我需要用的素材在什么位置...那时候我很穷,穷到连买书的钱都没有,更别说是买动辄几百快的设计资源光盘了.      设计师最大的特色,我认为是他特有的那个文件夹,或叫"杂七杂八",或叫"乱七八糟",或叫"什么都有"或叫"

网页设计教程(6):要保持设计激情

上一篇文章:网页设计教程(5):网页视觉设计. 1:除非你现在已经过了不惑之年了,否则你就一定要保持年轻人特有的激情!      这里的激情,包含了那种说不明白的近似于冲动的东西,或者idea.也包含了对行业的热情.做网站不丢脸,做网站不低端!360行,每一行都是要有"人"去做的!    2:要不间断的学习.    我们这一行,能力与学历基本挂不上勾,我的大专毕业证都没拿着.可怜的计算机一级都没过.学校里的学习跟自己务实的学习是比不起来的.就如同hiheng说的,哪个大学能系统的教教c

网页标题Title标签使用详解

Title标签在网站中起到画龙点晴的作用,合理的构造Title标签,不但能突出网页的主题,还有助于提高网站的搜索引擎排名,还能下面Seoer惜缘与大家分析下怎样合理的使用Title标签: 一.每个页面的Title标签不能相同,首页与栏目页.列表页.内容页的标签不能一致,根据网页提供的内容的不同,设置合适的Title标签. 二.Title标签设置要与内容相关,可以设置使用标题.关键字.概述等. 三.Title标签尽量要有原创性.修改性,采编过来的内容内容,不要拿来即用,要适当的修改,添加些原创因素

学习网页制作基础入门教程(1)网页编写

教程|入门教程|网页 用记事本编写代码 1.首先打开"记事本"程序(方法是「开始」-「程序」-「附件」-「记事本」) 2.将下面代码复制好粘贴到记事本上,如图-1所示.(按鼠标右键选择粘贴就可以了!) <html> <head> <title>这里是标题</title></head> <body> 这里是放置网页内容的文本区域</body></html> [图-1说明]利用鼠标右键的&quo

PS网页设计教程XII——在PS中创建专业的web2.0的网页布局

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的

PS网页设计教程XXIX——如何在PS中设计一个画廊布局

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的

PS网页设计教程I——在Photoshop中创建时尚多彩的wordpress布局

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教.   约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红