XHTML入门学习教程:简单网页制作
发布时间:2020-03-22 07:25:00 所属栏目:编程 来源:站长网
导读:用一分钟建造本身的第一个网页: 下面我们来试着做一个简朴的网页,但愿您能随着我们操纵,这只会耗费您一分钟时刻。此刻您大概不知道那些尖括号和内里的字母毕竟是些什么对象,不要担忧,我们会在后头的教程中向您先容。 起首请运行记事本,或在恣意位置
用一分钟建造本身的第一个网页: 下面我们来试着做一个简朴的网页,但愿您能随着我们操纵,这只会耗费您一分钟时刻。此刻您大概不知道那些尖括号“<>”和内里的字母毕竟是些什么对象,不要担忧,我们会在后头的教程中向您先容。 起首请运行记事本,或在恣意位置新建一个文本文档,在记事本内输入如下内容: 以下为引用的内容: <html> <head> <title>我是这个网页的问题</title> </head> <body> <p>这是我的第一个网页。</p> </body> </html> 输入完毕后将文件生涯,定名为“index.html”。(点击“文件”—>“另存为”。在“文件名”一栏填入“index.html”,在“生涯范例”一栏选择"全部文件",然后点击“生涯按钮”) 生涯之后,双击该文件,赏识器就会自动打开这个网页了。请确认一下你的网页是否与该页面沟通,假如沟通,那么你就乐成地完成了本身的第一个较量简略的网页。 请留意,这只是一个简朴的页面,固然它在语法上切合XHTML的尺度,可是假如要作为一个完备的、切合W3C尺度的XHTML网页,它还穷乏一些内容。相干内容将在后头的教程中先容。这个网页仅仅是用来讲授一些基本的XHTML常识。 基本常识讲授 我们方才建造的网页以<html>开头,以</html>末了,它们别离代表网页文件的开始和竣事。 英文中head是头的意思,body是身材的意思。网页的<head></head>和<body></body>两部门就别离代表了网页的“头”和“身子”。大概你留意到了,我们网页的“头”内里“有一个<title></title>。title一词是问题的意思,网页的问题(title)将会表现在赏识器上方的问题栏中。而网页的身子,也就是<body>与</body>标签中间的内容将作为正文被表现在赏识器中。 这个网页很微弱,head和body中都没有什么内容。我们会在往后的教程中逐渐富厚网页的内容。可是此刻请您记着一个观念:网页的头(head)是为赏识器写的,它将不会表现在页面上,而身子(body)是为网站的用户写的,是赏识器将要表现的内容。 菜鸟恶搞XHTML之错误示例 打开下面这两个错误示例看看。它们的代码都存在异常严峻的错误,可是赏识器却会精确无误地表现这两个网页。 示例1——身子长在脑壳里 <html> <head> <title>我是这个网页的问题</title> <p>这是我的第一个网页。</p> </head> <body> </body> </html> 看看上面这个网页,<head>和</head>之间的内容正常的表现在页面上了。可是这是有趣的错误,把身子放在脑壳里了。 示例二——脑壳长在脖子下 <html> <head> </head> <body> <title>我是这个网页的问题</title> <p>这是我的第一个网页。</p> </body> </html> 赏识器的顺应手段其实是令人服气,纵然你将脑壳放在身子里它也认得出来。看看问题栏,问题完全正常表现。 好了,在现实应用的时辰请不要犯上面这种初级错误。这会造成严峻的效果:搜刮引擎也许不收录你的网站;行使手机可能其他移动装备赏识你网站的伴侣也许碰着未知错误。下面就赶紧让我们来进入XHTML的焦点内容吧。 (编辑:湖南网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |