广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >XHTML怎么制作简单网页
  • 426
分享到

XHTML怎么制作简单网页

2024-04-02 19:04:59 426人浏览 八月长安
摘要

这篇文章主要介绍“Xhtml怎么制作简单网页”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“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怎么制作简单网页”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网VUE频道,小编每天都会为大家更新不同的知识点。

--结束END--

本文标题: XHTML怎么制作简单网页

本文链接: https://www.lsjlt.com/news/90093.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

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

下载Word文档
猜你喜欢
  • XHTML怎么制作简单网页
    这篇文章主要介绍“XHTML怎么制作简单网页”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“XHTML怎么制作简单网页”文章能帮助大家解决问题。   用一分钟制作自...
    99+
    2022-10-19
  • 怎么用frontpage制作简单的网页
    本篇内容介绍了“怎么用frontpage制作简单的网页”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Frontpage是微软公司出品的一款制...
    99+
    2023-06-08
  • Python制作简单的网页爬虫
    1.准备工作: 工欲善其事必先利其器,因此我们有必要在进行Coding前先配置一个适合我们自己的开发环境,我搭建的开发环境是: 操作系统:Ubuntu 14.04 LTS Python版本:2.7.6 ...
    99+
    2022-06-04
    爬虫 简单 网页
  • JavaScript制作简单网页计算器
    本文实例为大家分享了JavaScript制作简单网页计算器的具体代码,供大家参考,具体内容如下 一、题目 利用JavaScript中的函数,完成数字加、减、乘、除的运算,实现一个简单...
    99+
    2022-11-13
    js 计算器
  • 如何制作简单的网页广告特效
    今天就跟大家聊聊有关如何制作简单的网页广告特效,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。为了练习javascript,做了一个简单的demo,实...
    99+
    2022-10-19
  • 怎么用HTML制作一个简单的页面
    这篇文章主要介绍“怎么用HTML制作一个简单的页面”,在日常操作中,相信很多人在怎么用HTML制作一个简单的页面问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用HTML制...
    99+
    2022-10-19
  • 怎么实现简单html网页
    这篇文章主要介绍怎么实现简单html网页,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!html是什么html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的...
    99+
    2023-06-14
  • HTML怎么制作一个简单的面页布局
    这篇文章将为大家详细讲解有关HTML怎么制作一个简单的面页布局,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。互联网多数的网页都是由html编写的,html配合css布局做...
    99+
    2022-10-19
  • 基于JS制作一个简单的网页版地图
    目录前言一、申请地图的AK密钥二、主要代码分析三、全部代码四、结果展示前言 以前做了一个安卓版的地图应用,现在突然想做一个简单的网页版地图。这个简单的网页版地图能根据城市名进行位置查...
    99+
    2022-11-13
  • 怎么用ps做个xhtml+css的网站首页
    小编给大家分享一下怎么用ps做个xhtml+css的网站首页,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!  开始吧:  1、打开photoshop cs2 ,打...
    99+
    2023-06-08
  • HTML网页怎么制作
    这篇文章主要介绍“HTML网页怎么制作”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML网页怎么制作”文章能帮助大家解决问题。<!DOCTYPE ...
    99+
    2022-10-19
  • Dreamweaver怎么制作网页
    这篇文章将为大家详细讲解有关Dreamweaver怎么制作网页,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。编辑网页内容。在Dreamweaver输入文字的方式与使用word时相同,可以直接输入,也可进行...
    99+
    2023-06-08
  • 用PHP制作简单的登录页面
    题目要求: 登录页面:设计一个登录页面,获取登录表单中的用户名和密码,如果用户名为“admin”,密码为“123456”,则提示登录成功。效果参考下图: 代码: php 表单.a{displa...
    99+
    2023-09-29
    php 开发语言 html
  • Python+Django怎么实现简单HelloWord网页
    这篇文章主要介绍了Python+Django怎么实现简单HelloWord网页的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Python+Django怎么实现简单HelloWord网页文章都会有所收获,下面我们...
    99+
    2023-06-30
  • Node.js怎么制作简单聊天室
    这篇“Node.js怎么制作简单聊天室”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Node.js怎么制作简单聊天室”文章吧...
    99+
    2023-06-17
  • 【JavaScript】3.1 项目实践:制作一个简单的网页应用
    文章目录 项目需求HTML结构JavaScript逻辑添加待办事项标记待办事项删除待办事项保存待办事项 总结 在此章节中,我们将学习如何使用JavaScript创建一个简单的网页应用。这将是一个待办事项列表应用,用户可...
    99+
    2023-12-23
    JavaScript JS 项目实战 简单网页
  • 怎么用HTML5.0制作网页
    这篇文章主要讲解了“怎么用HTML5.0制作网页”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用HTML5.0制作网页”吧!根据你们询问的人,HTML ...
    99+
    2022-10-19
  • 怎么用php制作网页
    要用PHP制作网页,你需要掌握以下几个步骤:1. 安装PHP:首先,你需要在你的计算机上安装PHP。你可以从PHP官方网站(http...
    99+
    2023-08-31
    php
  • VvvebJs怎么简单拖拽即生成网页
    这期内容当中小编将会给大家带来有关VvvebJs怎么简单拖拽即生成网页 ,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。VvvebJs是一个开源的网页拖拽自动生成的JavaScript库,你可以以简单拖拽的...
    99+
    2023-06-05
  • Vue怎么实现简单网页计算器
    这篇文章主要介绍“Vue怎么实现简单网页计算器”,在日常操作中,相信很多人在Vue怎么实现简单网页计算器问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Vue怎么实现简单网页计算器”的疑惑有所帮助!接下来,请跟...
    99+
    2023-06-30
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作