html 基础标签即用法

• h 标签

h1 到 h6 的标题标签，h7 不会有效果，是自定义标签。
一般页面 只有一个 h1 标签 ，其他的可以有多个。
h 标签 是自动换行的

• 加粗标签 b 标签和 strong 标签

两者在视觉效果上是一样的，但是 strong 标签是有利于搜索引擎搜索的。
而 b 标签只是一个加粗效果。

• 斜体标签 em 标签和 i 标签

两者在视觉效果上是一样的，em 标签和 strong 标签一样，也是有利与搜索引擎搜索。
i 只是斜体标签。

• 换行标签 <br/> 和 <hr/>标签

<br/> 只是换行，<hr/>在换行下面有一条横线

• 特殊符号

• a 标签(超链接标签)

<a href="#">#</a> 刷新当前页面

<a href="javascript: void(0);">死链接</a> 死链接，不会跳转

<a href="#name">锚点</a>

<a href="http://baidu.com">跳转到百度</a> 跳转到百度  需要注意的是 http 不能少

• img 标签（图片标签）

在 src 中添加图片地址
添加相对路径时 src = "img.jpg"，这是同级目录
alt 中是描述图片的，用于搜索引擎搜索

• 列表标签 ul ol dl

ul 是无序列表标签
ul 的默认样式是小黑点，可用通过 type 属性来修改样式
ol 是有序列表标签
ul 的默认样式是阿拉伯数字，也可以通过 type 属性来修改样式
ul 可以通过修改 start 属性来设置起始值，通过 reversed 属性来设置是否倒序
ul 和 ol 都是用 li 标签来书写列表内容
dl 是自定义列表标签
dl 是通过 dt dd 标签来书写内容的 dt 通常用来写列表名称

• div 和 span 标签

div 是 块级标签，span 是行内标签

• style 修饰

css 样式是写在 style 标签里面的，style 标签是写在 head 标签里面的
给 class 名字做修饰，是用 '.' 来做操作的
即 .classname{}
块级元素div display:block;
可以包含任何块和行内元素
独占一行，支持设置宽高
如果没有设置宽高，高度由内容撑开，宽度默认浏览器宽度
没有内容，在网页上肉眼看不到东西，但是审查元素，宽度是浏览器宽度，高度0
注意：如果把 display 设置成 inline ，那么设置长宽是没有意义的。
行内（内联）元素 span display:inline;
可以和其他行内元素位于同一行
不支持设置宽高
内容撑开宽高
行内块元素 display:inline-black;
块级元素可以横排展示
行内元素可以设置宽高
display:none
隐藏元素,包括他的子标签，在页面中不占位置，等同于消失了