一、概念

1、定义

超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准, 它通过标记符号来标记要显示的网页中的各个部分。

简而言之:一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。

解释:HTML 是在 SGML 定义下的一个描述性语言,或可说 HTML 是 SGML 的一个应用程式,HTML 不是程式语言,如 C++ 和 Java 之类,它只是标示语言,基本上你只要明白了各种 标记的用法便算学懂了 HTML,HTML 的格式非常简单,只是由文字及标记组合而成,于 编辑方面,任何文字编辑器都可以,只要能将文件另存成 ASCII 纯文字格式即可,当然 以专业的网页编辑软件为佳。

二、特点及工作原理

1、原理

网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。

浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。

需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。

2、特点

HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:

(1) 简易性,HTML版本升级采用超集方式,从而更加灵活方便。

(2) 可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。

(3) 平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。

三、格式规范

一个简单的 HTML 文件

页面的标题

这是我的第一个页面。

此文本是粗体的。

简单的段落

这是段落。

段落元素由 p 标签定义。

标题

This is a heading

HTML 会自动在标题前后添加一个额外的折行。

段落

段落使用

标签进行定义。

This is a paragraph

HTML 会自动在段落前后添加一个额外的空行。

换行符

当你打算结束一行,而又不想开始一个新段落时,
标签就派上用场了。无论你将它置于何处,
标签都会产生一个强制的换行。

This
is a para
graph with line breaks

标签是空白标签,由于关闭标签没有任何意义,因此它没有类似 的终止标签。

还是

您会越来越多地发现

很相似。由于
没有结束标签,它也就违反了未来的 HTML 的规则之一,即所有的元素都必须关闭。

把这个标签写为
是经得起未来考验的做法,XHTML 和 XML 都接受在打开的标签内部来关闭标签的做法。

注释

注释标签用于在 HTML 源码中插入注释。注释会被浏览器忽略。您可以使用注释对您的代码进行解释,这么做在以后的日子里会对您的代码编辑产生帮助。

注意:左括号后需要写一个惊叹号,右括号前就不需要了。

元素

每个 HTML 元素都有一个元素名(比如 body、h1、p、br)

开始标签是被括号包围的元素名

结束标签是被括号包围的斜杠和元素名

元素内容位于开始标签和结束标签之间

某些 HTML 元素没有内容

某些 HTML 元素没有结束标签

总结如下图

四、扩展

HTML的功能远不止这些,下边我们列出一些其他的标记。至于其他的功能在以后的学习过程中再慢慢研究。

标记

类型

译名或意义

作 用

备注

文件声明

让浏览器知道这是 HTML 文件

开头

提供文件整体资讯

标题

定义文件标题,将显示于浏览顶端

本文

设计文件格式及内文所在

说明标记

为文件加上说明,但不被显示

段落标记

为字、画、表格等之间留一空白行

换行标记

令字、画、表格等显示于下一行


水平线

插入一条水平线

居中

令字、画、表格等显示于中间

反对

预设格式

令文件按照原始码的排列方式显示

区隔标记

设定字、画、表格等的摆放位置

不折行

令文字不因太长而绕行

建议折行

预设折行部位

加重语气

产生字体加粗 Bold 的效果

粗体标记

产生字体加粗的效果

强调标记

字体出现斜体效果

斜体标记

字体出现斜体效果

打字字体

Courier字体,字母宽度相同

加上底线

加上底线

反对

一级标题标记

变粗变大加宽,程度与级数反比

二级标题标记

将字体变粗变大加宽

三级标题标记

将字体变粗变大加宽

四级标题标记

将字体变粗变大加宽

五级标题标记

将字体变粗变大加宽

六级标题标记

将字体变粗变大加宽

字形标记

设定字形、大小、颜色

反对

基准字形标记

设定所有字形、大小、颜色

反对

字体加大

令字体稍为加大

字体缩细

令字体稍为缩细

画线删除

为字体加一删除线

反对

程式码

字体稍为加宽如

键盘字

字体稍为加宽,单一空白

范例

字体稍为加宽如

变数

斜体效果

传记引述

斜体效果

引述文字区块

缩排字体

述语定义

斜体效果

地址标记

斜体效果

下标字

下标字

上标字

指数(平方、立方等)

顺序清单

清单项目将以数字、字母顺序排列

无序清单

清单项目将以圆点排列

清单项目

每一标记标示一项清单项目

选单清单

清单项目将以圆点排列,如

反对

目录清单

清单项目将以圆点排列,如

反对

定义清单

清单分两层出现

定义条目

标示该项定义的标题

定义内容

标示定义内容

表格标记

设定该表格的各项参数

表格标题

做成一打通列以填入表格标题

表格列

设定该表格的列

表格栏

设定该表格的栏

表格标头

相等于

,但其内之字体会变粗

表单标记

决定单一表单的运作模式

文字区块

提供文字方盒以输入较大量文字

输入标记

决定输入形式

选择标记

建立 pop-up 卷动清单

选项

每一标记标示一个选项

图形标记

用以插入图形及设定图形属性

连结标记

加入连结

基准标记

可将相对 URL 转绝对及指定连结目标

框架设定

设定框架

框窗设定

设定框窗

页内框架

于网页中间插入框架

IE

不支援框架

设定当浏览器不支援框架时的提示

影像地图名称

设定影像地图名称

连结区域

设定各连结区域

背景声音

于背景播放声音或音乐

IE

多媒体

加入声音、音乐或影像

走动文字

令文字左右走动

IE

闪烁文字

闪烁文字

NC

页内寻找器

可输入关键字寻找于该一页

反对

开头定义

让浏览器知道这是 HTML 文件

关系定义

定义该文件与其他 URL 的关系

StyleSheet

样式表

控制网页版面

自订标记

独立使用或与样式表同用

注:

● 表示该标记属围堵标记,即需要关闭标记如 标记>。

○ 表示该标记属空标记,即不需要关闭标记。

IE 表示该标记只适用于 Internet Explorer。

NC 表示该标记只适用于 Netscape Communicator。

反对 表示该标记不为 W3C 所赞同,通常这标记是 IE 或 NC 自订,且己为众所支 持,只是 HTML 标准中有其它同功能或更好的选择。

弃用 表示该标记己为 W3C 所弃用,是过时的标记,但 HTML 具向下兼容的特 性,不用担心新浏览器不支援旧标记。

新 表示该标记是 HTML 4.0 中新增的。

HTML超文本描述语言,HTML超文本标记语言的介绍相关推荐

  1. 认识标记语言html,认识标记语言HTML课件

    认识标记语言HTML课件 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的,三条纹的阿迪达斯标志代表山区,指出实现挑战.成就未来和不断达成目标的愿望. 第二章 第五节 阿迪达斯三条纹标志是由阿 ...

  2. html 语言 回车 替换,标记语言——图片替换

    标记语言--图片替换 互联网   发布时间:2008-10-17 18:55:58   作者:佚名   我要评论 点击这里返回网页教学网 HTML教程 栏目.想浏览CSS教程请点这里. 上文:标记语言 ...

  3. 解释词超文本标记语言html,超文本标记语言html的解释

    超文本标记语言的网络地址格式是怎样的 HTML是超文本标记语言英文的简写, 从字面就能够理解,它比普通纯文字的文本要强悍些,并可以进行标记,是一种用来制作超文本文档的简单标记语言.超文本传输协议规定了 ...

  4. html是超文本标记语言而不是编程语

    html 为什么不是编程语言? 1.超级文本标记语言(英文缩写:HTML)是为"网页创建和其它可在网页浏览器中看到的信息"设计的一种标记语言. 2.从字面就能够理解,它比普通纯文字 ...

  5. 以下html标记语言表示网页标题的标记是,第8章 HTML标记语言.ppt

    Target属性用于指定要在其中打开文档的框架的名称.创建框架时,需要设置Name属性.此名称用于创建链接时,设置链接目标.修改框架的内容后,原始的框架集定义将丢失.如果有多个链接指向同一个目标,可以 ...

  6. XML (可扩展标记语言)

    XML (可扩展标记语言) 一. 标记语言 标记语言,是一种将文本(txt)以及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码. 当今广泛使用的标记语言是超文本标记语言(H ...

  7. HTML:一种标记语言而不是编程语言(1.0)

    目录 HTML 简介 一个实例 什么是 HTML? HTML 标签 HTML 文档 = 网页 例子解释 HTML 编辑器 使用 Notepad 来编写 HTML 基本的 HTML 标签 - 四个实例 ...

  8. html是一种什么的语言,什么是 HTML? HTML 是用来描述网页的一种语言

    什么是 HTML? HTML 是用来描述网页的一种语言.HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (mar ...

  9. 超文本标记语言HTML

    介绍html文档的基本结构,html常用标签的使用,理解html语言制作网页基本原理. html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母 ...

最新文章

  1. C++知识点42——下标运算符[]的重载及string类的实现
  2. 链家秋招内推编程笔试题目
  3. css不换行属性_那些不常见,但却非常实用的 css 属性
  4. facenet训练自己的数据_①如何帮助自己简易分析体测数据②没有私教一个人无法开始训练?...
  5. NHibernate:no persister for 异常
  6. 恒大俱乐部每年亏损数亿,为何马云还不卖掉手中的股份?
  7. 详解JavaScript数组过滤相同元素的5种方法
  8. python经典程序实例-你不知道的Python语言的经典五大案例
  9. python难学吗-Python入门很难吗? 为什么越来越多的人都学Python?
  10. 网易云解析接口PHP源码,网易云解析/接口
  11. c语言程序如何编写选择题,c语言程序 如何编写挑选题
  12. 使用APICloud开发物流仓储app项目实践
  13. R语言使用table1包绘制(生成)三线表、使用单变量分列构建三线表、编写自定义三线表结构(将因子变量细粒度化重新构建三线图)、自定义修改描述性统计参数输出自定义统计量
  14. syn重发_SYN***原理及处理
  15. 关于DDK中的编译知识 .
  16. Chrome浏览器使用指南
  17. 非标自动化机械设计行业未来发展趋势
  18. oracle中的open,oracle数据库启动从nomount到open
  19. 智能手机的发展有多猛?
  20. Ubuntu 18.04 安装 网易云音乐

热门文章

  1. python用哪个版本比较好 2020_2020年最常见的Python面试题答案
  2. CNN+CTC语音识别
  3. ubuntu 安装qt5
  4. LeetCode-数组-删除有序数组重复元素
  5. 802.1x------2
  6. Linux系统日志级别
  7. SQL Server:分离和重新附加数据库
  8. linux特殊符号大全
  9. Delphi之对象库(Object Repository)
  10. MongoDB工具最新开发 源代码更新 兼 进展报告 - 集群功能开发