- h 标签
h1 到 h6 的标题标签,h7 不会有效果,是自定义标签。
一般页面 只有一个 h1 标签 ,其他的可以有多个。
h 标签 是自动换行的
- 加粗标签 b 标签和 strong 标签
两者在视觉效果上是一样的,但是 strong 标签是有利于搜索引擎搜索的。
而 b 标签只是一个加粗效果。
- 斜体标签 em 标签和 i 标签
两者在视觉效果上是一样的,em 标签和 strong 标签一样,也是有利与搜索引擎搜索。
i 只是斜体标签。
- 换行标签
<br/> 和 <hr/>
标签
<br/>
只是换行,<hr/>
在换行下面有一条横线
- 特殊符号
符号 | html |
---|---|
> 和 < |
> 和 < (所有符号都要加 ; ) |
space |
(用于多个空格,由于 html 一般只会识别一个空格。) |
空白位 |
&emsp (比space宽的空白符) |
& | & |
版权符 © | © |
- 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
隐藏元素,包括他的子标签,在页面中不占位置,等同于消失了