一、什么HTML
HTML(Hypertext Markup Language) ----- 超文本标记语言
超文本 ----- 除了文本外还有其他的
标记语言 ----- 在不同的文本中加不同的标记让文本的意义和功能不同, 例如: markdown、html
注意: HTML大小写不敏感, 例如: html == Html == HTML == hTMl(小写和大写功能一样), 最好是用小写,规范.
二、标签 (标记)
标签是HTML的基本结构, 不同的标签功能不一样
语法:
双标签(标准标签): <标签名> 标签内容 </标签名>
<标签名 属性1=属性值1 …> ----- 开始标签
</标签名> ----- 结束标签
单标签: <标签名 属性1=属性值1 …> 或者 <标签名 属性1=属性值1 … />
注:使用<标签名 />这种是更长远的保障。
说明:
-
<> 和 / ----- 固定写法
-
标签名 ----- 不是程序员自己命名, 有哪些标签名是html规定好的. 哪些标签是双标签, 哪些标签是单标签也是固定的.
注意: 标签名前后不能随意添加空格
-
属性 ----- 以 属性=属性值 的形式存在, 多个属性之间用空格隔开; 不同的标签有哪些属性是确定的;
属性值不管是什么值都必须放在 “” 中 -
标签内容 ----- 双标签开始标签和结束标签中间的部分就是标签内容
标签内容很灵活可以是独立的文本, 也可以是一个标签, 还可以多个标签或者多个标签和文本的组合.
三、标签的分类
-
从可见性来分:
可见的标签、不可见标签
可见的标签: p标签、a标签、img标签
不可见标签: meta标签、style标签、script标签、link标签…
-
head中的标签和非head中的标签(body标签)
head中标签: meta、title、style、link、script、base
body标签: p、a、b、img、table、label、ul、ol、li等等、style、link、script、base