电子书

CHM版xHTML参考手册
2019-09-07 我的站长站

CHM版xHTML参考手册

  • 视频编号:69
  • 点击次数:
  • 视频分类:编程开发
  • 视频语言:中文
  • 视频大小:263 KB
  • 下载权限:免费下载
  • 视频售价:免费下载
  • 下载次数:1

想要制作网页,就需要对应的编码语言来让浏览器解析内容,xHTML/HTML就是目前主流的网页标记语言,普通文本编辑器就能完成代码编写,上手门槛很低。

HTML文件本质就是纯文本文件,和Word、记事本等文档格式类似,我们日常使用的各类文本编辑工具,都可以用来编写网页代码。浏览器仅识别纯文本内容,所以网页源码全部由文本字符构成。一份完整的HTML文件,除了展示在页面上的文字内容,还包含各类指令,用来规定文字排版、元素位置,同时指引浏览器加载图片、动画、音视频等外部资源,而实现这些功能的核心就是标签

标签也叫标识符,一般由英文字母搭配尖括号组成,不同标签拥有不同功能,学习HTML、xHTML的过程,本质就是掌握各类标签的用法。有的标签可以放大文字,有的实现居中排版,还有的用来添加超链接,使用时将标签放置在对应内容前方,浏览器就会按照规则渲染页面。

以粗体标签为例,标签 取自英文bold的缩写,使用这个标签后,后续内容都会以粗体样式展示。这里有一个关键点:单一的起始标签会让样式持续生效,所以绝大多数标签都分为起始标签结束标签,结束标签会在字母前添加斜杠,用来终止当前样式。比如粗体结束标签为 </b>。

举个实际例子,如果想让“订书机”三个字加粗,标准写法为:<b>staplers</b>。浏览器只会识别标签指令,不会将标签本身展示在页面中。我们结合一段文字来看实际效果:

世界上没有比
我漂亮的<b>订书机</b>
更让我喜爱的东西了
我从杂货店买到了它
但任何优美的语言
都无法描述<b>订书机</b>的优点

浏览器最终渲染效果:
世界上没有比
我漂亮的订书机
更让我喜爱的东西了
我从杂货店买到了它
但任何优美的语言
都无法描述订书机的优点

理解了起始标签与结束标签的逻辑,就能举一反三学习其他各类标签,这也是网页制作的基础核心。

首个HTML网页制作实操

制作网页不需要专业软件,Windows系统自带记事本、Mac系统的SimpleText等基础文本工具都可以胜任。所有标准网页都有固定的基础结构,最外层由 <html> 和 </html> 包裹,这是整个文档的起始与结束标识。而网页中可见的全部内容,都需要放在 <body> 和 </body> 标签内部,这两个也是搭建最简网页必备标签。

大家可以按照下面代码,在记事本中输入内容,完成第一个网页的编写:

<html>
<body>
这是我制作的关于订书机的网页,我觉得我的网页很不错,我想我已经是一位HTML主页制作大师了,所有人都应该崇拜我!
</html>
</body>

代码编写完成后,保存文件,文件后缀必须设置为.html,例如命名为 订书机.html,只有这样浏览器才能正常识别并打开网页。

保存完毕后,打开任意浏览器,通过文件打开功能选中刚刚保存的html文件,就能预览页面效果,页面会展示我们输入的文字内容。如果页面无法正常显示,一般是尖括号、斜杠、标签名称等字符输入错误,仔细核对代码即可修正。

代码修改与页面刷新

网页制作是一个反复编辑、预览的过程。如果想要修改页面样式,比如给指定文字加粗,只需要回到文本编辑器,在对应文字前后添加粗体标签,保存文件后,点击浏览器的刷新按钮,就能立刻看到修改后的效果。

常规的网页开发流程就是:编写/修改代码 → 保存文件 → 浏览器刷新预览,不断重复这个过程,逐步丰富页面内容与样式。掌握这套基础流程和标签逻辑,就迈出了网页制作的第一步。

CHM版xHTML参考手册

总结

xHTML和HTML语法逻辑相通,核心都是依靠标签控制页面展示效果,标签分为起始标签和结束标签,搭配使用可以精准控制样式作用范围。使用普通记事本就能编写代码,搭配浏览器实时预览,零基础也能快速上手制作简单网页。熟练掌握基础标签和文档结构,是深入学习网页开发的前提。

下载地址

· 积分下载:下载扣除对应积分,不扣除下载次数
· 会员免费:VIP会员免费下载,扣除下载次数
· 下载即代表您已阅读并同意 [服务条款]

电子书下载标签