HTML概念
简介
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。
思想
页面中有很多数据,不同的数据可能需要不同的显示效果,就可以使用标签把要操作的数据包裹起来,通过修改标签的属性值,来实现标签内数据样式的改变。
本质是一个容器的思想(JS中的数组,对象也是一个容器的思想)
一个标签就相当于一个容器,想要修改标签内数据的样式,只需要修改容器的属性值,就可以实现。
特点
语法非常宽松,没有结束标签、引号、标签名大小写也不区分都没问题。(但建议使用小写标签名,这符合最新的HTML5编写规范)
标签名是预定义好的,每一个标签都有特定的含义(不同于后端的xml语言,xml的标签可以自定义
<!--XML 指可扩展标记语言(eXtensible Markup Language)。
XML 被设计用来传输和存储数据,不用于表现和展示数据,HTML 则用来表现数据。-->
注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。
语法
-
标签——由一对尖括号括起来的关键字组成,又称元素。如果标签中没有内容,可以自闭合,比如水平线标签<hr />。
-
属性——为元素提供更多信息,可以改变元素的样式,以名称和值的形式出现。
-
标签体——开始标签和结束标签中间的所有内容,都叫做标签体,可以是一段文本,也可以是其他标签。
-
注释——用于解释说明,给程序员看的,分为两种注释:行注释和块注释。
-
特殊字符
不间断空格(Non-breaking Space)
HTML 中的常用字符实体是不间断空格( )。
浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 字符实体。
HTML字符实体
实体名称对大小写敏感!(看符号和编号在实体名称那里鼠标过一下)
显示结果 描述 实体名称 实体编号 空格 < 小于号 < < > 大于号 > > & 和号 & & " 引号 " " ' 撇号 ' (IE不支持) ' ¢ 分 ¢ ¢ £ 镑 £ £ ¥ 人民币/日元 ¥ ¥ € 欧元 € € § 小节 § § © 版权 © © ® 注册商标 ® ® ™ 商标 ™ ™ × 乘号 × × ÷ 除号 ÷ ÷ 基本标签
最大的标题
. . .
. . .
. . .
. . .
最小的标题
这是一个段落。
(换行)
(水平线)
示例
我的第一个标题
我的第一个段落。
HTML文档的后缀名
-
.html
-
.htm
常见标签
文档相关的标签
<html>——根标签 <head>——头部 <meta></meta>——元数据 <title>标题</title> </head> <body> </body>——正文 </html>
-
标签被用来定义 HTML 标题。
定义重要等级最高的标题。
定义重要等级最低的标题。
字体标签——font
标题标签——h1-h6
段落标签——<p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。
水平线hr:默认居中,占满一行
size:高度
width:宽度
color:颜色
粗体b 斜体i 下划线u
html5里面加粗换成了strong,斜体强调文本用em,高亮文本用mark