我的编程空间,编程开发者的网络收藏夹
学习永远不晚

XHTML怎么制作简单网页

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

XHTML怎么制作简单网页

这篇文章主要介绍“XHTML怎么制作简单网页”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“XHTML怎么制作简单网页”文章能帮助大家解决问题。

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

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

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

  以下为引用的内容:

  <html>

  <head>

  <title>我是这个网页的标题</title>

  </head>

  <body>

  <p>这是我的第一个网页。</p>

  </body>

  </html>

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

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

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

  基础知识讲解

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

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

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

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

  示例1&mdash;&mdash;身子长在脑袋里

  <html>

  <head>

  <title>我是这个网页的标题</title>

  <p>这是我的第一个网页。</p>

  </head>

  <body>

  </body>

  </html>

  看看上面这个网页,<head>和</head>之间的内容正常的显示在页面上了。但是这是滑稽的错误,把身子放在脑袋里了。

  示例二&mdash;&mdash;脑袋长在脖子下

  <html>

  <head>

  </head>

  <body>

  <title>我是这个网页的标题</title>

  <p>这是我的第一个网页。</p>

  </body>

  </html>

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

关于“XHTML怎么制作简单网页”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网行业资讯频道,小编每天都会为大家更新不同的知识点。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

XHTML怎么制作简单网页

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

怎么用frontpage制作简单的网页

本篇内容介绍了“怎么用frontpage制作简单的网页”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Frontpage是微软公司出品的一款制
2023-06-08

Python制作简单的网页爬虫

1.准备工作:工欲善其事必先利其器,因此我们有必要在进行Coding前先配置一个适合我们自己的开发环境,我搭建的开发环境是:操作系统:Ubuntu 14.04 LTS Python版本:2.7.6 代码编辑器:Sublime Text 3.
2022-06-04

JavaScript制作简单网页计算器

这篇文章主要为大家详细介绍了JavaScript制作简单网页计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
2022-11-13

怎么实现简单html网页

这篇文章主要介绍怎么实现简单html网页,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!html是什么html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的
2023-06-14

如何制作一个简单的个人博客网页

编程学习网:其实,我们简单地来说一下,网页是怎样构成的,那么呢,网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。
如何制作一个简单的个人博客网页
2024-04-23

Dreamweaver怎么制作网页

这篇文章将为大家详细讲解有关Dreamweaver怎么制作网页,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1、编辑网页内容。在Dreamweaver输入文字的方式与使用word时相同,可以直接输入,也可
2023-06-08

怎么用php制作网页

要用PHP制作网页,你需要掌握以下几个步骤:1. 安装PHP:首先,你需要在你的计算机上安装PHP。你可以从PHP官方网站(https://www.php.net/downloads.php)下载适合你操作系统的PHP版本,并按照安装说明进
2023-08-31

【JavaScript】3.1 项目实践:制作一个简单的网页应用

文章目录 项目需求HTML结构JavaScript逻辑添加待办事项标记待办事项删除待办事项保存待办事项 总结 在此章节中,我们将学习如何使用JavaScript创建一个简单的网页应用。这将是一个待办事项列表应用,用户可
【JavaScript】3.1 项目实践:制作一个简单的网页应用
2023-12-23

Node.js怎么制作简单聊天室

这篇“Node.js怎么制作简单聊天室”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Node.js怎么制作简单聊天室”文章吧
2023-06-17

怎么用ps做个xhtml+css的网站首页

小编给大家分享一下怎么用ps做个xhtml+css的网站首页,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!  开始吧:  1、打开photoshop cs2 ,打
2023-06-08

Python+Django怎么实现简单HelloWord网页

这篇文章主要介绍了Python+Django怎么实现简单HelloWord网页的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Python+Django怎么实现简单HelloWord网页文章都会有所收获,下面我们
2023-06-30

怎么使用dreamweaver制作网页

这篇文章主要介绍“怎么使用dreamweaver制作网页”,在日常操作中,相信很多人在怎么使用dreamweaver制作网页问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么使用dreamweaver制作网页
2023-06-08

编程热搜

目录