自学html手机网页设计,HTML_XHTML入门学习教程:简单网页制作，用一分钟制作自己的第一个网

用一分钟制作自己的第一个网页：

下面我们来试着做一个简单的网页，希望您能跟着我们操作，这只会花费您一分钟时间。现在您也许不知道那些尖括号“<>”和里面的字母究竟是些什么东西，不要担心，我们会在后面的教程中向您介绍。

首先请运行记事本，或在任意位置新建一个文本文档，在记事本内输入如下内容：

以下为引用的内容：

我是这个网页的标题

这是我的第一个网页。

输入完毕后将文件保存，命名为“index.html”。(点击“文件”—>“另存为”。在“文件名”一栏填入“index.html”，在“保存类型”一栏选择"所有文件"，然后点击“保存按钮”)

保存之后，双击该文件，浏览器就会自动打开这个网页了。请确认一下你的网页是否与该页面相同，如果相同，那么你就成功地完成了自己的第一个比较简陋的网页。

请注意，这只是一个简单的页面，虽然它在语法上符合XHTML的标准，但是如果要作为一个完整的、符合W3C标准的XHTML网页，它还缺少一些内容。相关内容将在后面的教程中介绍。这个网页仅仅是用来讲解一些基础的XHTML知识。

基础知识讲解

我们刚刚制作的网页以开头，以结尾，它们分别代表网页文件的开始和结束。

英文中head是头的意思，body是身体的意思。网页的

和两部分就分别代表了网页的“头”和“身子”。也许你注意到了，我们网页的“头”里面“有一个。title一词是标题的意思，网页的标题(title)将会显示在浏览器上方的标题栏中。而网页的身子，也就是与标签中间的内容将作为正文被显示在浏览器中。

这个网页很单薄，head和body中都没有什么内容。我们会在以后的教程中逐渐丰富网页的内容。但是现在请您记住一个概念：网页的头(head)是为浏览器写的，它将不会显示在页面上，而身子(body)是为网站的用户写的，是浏览器将要显示的内容。

菜鸟恶搞XHTML之错误示例

打开下面这两个错误示例看看。它们的代码都存在十分严重的错误，但是浏览器却会准确无误地显示这两个网页。

示例1——身子长在脑袋里

我是这个网页的标题

这是我的第一个网页。

看看上面这个网页，

和之间的内容正常的显示在页面上了。但是这是滑稽的错误，把身子放在脑袋里了。

示例二——脑袋长在脖子下

我是这个网页的标题

这是我的第一个网页。

浏览器的适应能力实在是令人佩服，即使你将脑袋放在身子里它也认得出来。看看标题栏，标题完全正常显示。

好了，在实际应用的时候请不要犯上面这种低级错误。这会造成严重的后果：搜索引擎可能不收录你的网站；使用手机或者其他移动设备浏览你网站的朋友可能遇到未知错误。下面就赶快让我们来进入XHTML的核心内容吧。

自学html手机网页设计,HTML_XHTML入门学习教程:简单网页制作，用一分钟制作自己的第一个网 - phpStudy...相关推荐

html自学网页制作,HTML入门学习教程:简单网页制作
用一分钟制作自己的第一个网页: 下面我们来试着做一个简单的网页,希望您能跟着我们操作,这只会花费您一分钟时间.现在您也许不知道那些尖括号"<>"和里面的字母究竟是些什么 ...
学生dreamweaver网页设计作业成品：电商网页设计——仿淘宝静态首页(HTML+CSS)
学生dreamweaver网页设计作业成品:电商网页设计--仿淘宝静态首页(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求 ...
HTML网页设计期末课程大作业：汽车网页——宝马轿车 6页带背景音乐学生网页设计作业HTML+CSS+JavaScript学生网页课程设计期末作业下载
HTML网页设计期末课程大作业 :汽车网页--宝马轿车 6页带背景音乐学生网页设计作业HTML+CSS+JavaScript学生网页课程设计期末作业下载临近期末, 你还在为HTML网页设计结课作 ...
HTML网页设计期末课程大作业：汽车网页——宝马轿车 6页带背景音乐学生网页设计作业HTML+CSS+JavaScript学生网页课程设计期末作业下载...
HTML网页设计期末课程大作业 :汽车网页--宝马轿车 6页带背景音乐学生网页设计作业HTML+CSS+JavaScript学生网页课程设计期末作业下载临近期末, 你还在为HTML网页设计结课作 ...
HTML5期末大作业：大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
HTML5期末大作业:个人网站设计--个人博客网站模板(13页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品 1.临近期末, 你 ...
HTML5期末大作业：个人主页网站设计(6页)代码质量高学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
HTML5期末大作业:个人主页网站设计(6页)代码质量高 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码常见网页设计作业题 ...
HTML5期末大作业：茶叶主题网页设计——精美自适应绿色茶叶公司网页设计(12页) HTML+CSS+JavaScript
HTML5期末大作业:茶叶主题网页设计--精美自适应绿色茶叶公司网页设计(12页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品 ...
大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载明星个人主页介绍(10页) HTML+CSS+JavaScript
HTML5期末大作业:个人网站设计--明星个人主页介绍(10页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计 ...
HTML期末大作业 ~ 马尔代夫旅游网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计...
HTML期末大作业 ~ 大学生旅游官网网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计~ 临近期末, 你还在为HTML网页设 ...

自学html手机网页设计,HTML_XHTML入门学习教程:简单网页制作，用一分钟制作自己的第一个网 - phpStudy...

自学html手机网页设计,HTML_XHTML入门学习教程:简单网页制作，用一分钟制作自己的第一个网 - phpStudy...相关推荐

最新文章

热门文章