了解html标签

<title></title>

1、网页标题

2、当我们收藏网页时，默认标题就是网页标题

3、seo（搜索引擎优化）

 

<h1></h1>~<h6></h6>

定义html标题

注意：千万不要只是为了给文字加粗或者变大就使用标题标签，因为html标签是具有“语义化”的

 

<br>

换行标签

类似br这种只有开始标签没有结束标签的，我们可以叫做单标签或空标签

 

br跟p标签的区别：

1、表面上可以直观看到，p跟br的行距不一样

2、语义不一样，br仅仅只是换行，p表示段落

 

<hr> //水平线

 

html属性

属性是直接影响到标签的表现形式的

body的常见属性：

bgcolor：background color背景色

background：背景

 

p的可选属性：

align：对齐方式

属性值：left、center、right、justify

 

hr的可选属性：

width：宽度

height：高度

align：对齐方式

 

html全局属性：

所有html标签共有的属性

contenteditable：内容可否编辑

可选值：true 可编辑

              false 不可编辑

 

data-*：自定义属性

* 通配符（可以匹配所有字符）

 

dir：文本方向

可选值：ltr：left to right 从左至右

              rtl：right to left 从右至左

 

draggable：设置元素是否可以被拖动

可选值：true 可拖动

              false 不可拖动

 

hidden 控制元素隐藏

像这类只有属性名没有属性值的称为简写属性

 

id：一个html文档中，一个id名只允许使用一次（id具有唯一性）

id属性一般是给javascript使用的，用来操作dom

 

spellcheck：自动检查单词是否拼写正确

spellcheck属性仅textarea、input（非密码）元素或者标记为contenteditable的元素并且支持html5的浏览器有效

属性值：true 该字段应用拼写检查

              false 不应用拼写检查

title：当鼠标悬停到元素上时会显示title的内容

 

注意：标签跟元素的关系？

打个比方，这两者的关系就类似于“水”和“农夫山泉”的关系，一个只是名字，而另一个是实体

 

html中的斜体标签：

<address></address> //语义：地址 具有非常强的语义

<i></i> //没有任何语义 仅仅表示字体斜体

<em></em> //语义：轻微强调

<var></var> //variable变量

 

<b></b> //字体加粗 没有任何语义

<strong></strong> //强烈强调

 

<big></big> //大字体

<small></small> //小字体

两者都没有语义

 

<del></del> //delete删除线

<s></s> //删除线 无语义

 

<sup></sup> //上标

<sub></sub> //下标

 

<u></u> //下划线