html标签之body内标签
标签分类
- 块级元素,独占一行,可设置高宽,如果不设置宽度,则为浏览器宽度
- 行内元素,在一行内展示,不能设置宽高,宽高根据内容填空
- 行内块元素,在一行内展示,可设宽高
h1-h6
h标签属于块级元素:
- 独占一行
- 可以设置宽高
不要用标题标签来改变同一行中的字体大小,通常用于文章或网站标题。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>常用标签之h1-h6</title> </head> <body> <h1>标题1</h1> <h2>标题2</h2> <h3>标题4</h3> <h4>标题4</h4> <h5>标题4</h5> <h6>标题4</h6> </body> </html>
段落标签p
- 跟普通文本一样,但可以通过css来设置当前段落样式
- 块级元素,所以会独占一行
超链接标签a
把当前位置的文本或图片链接到其他页面,文件或图像
- href="http:www.jd.com",打开指定页面
- target="_blank"另起一个页面打开,_self,默认值,当前页面打开
- title="鼠标移上去后显示的标题"
- href="下载文件路径"
- href="mailto:test@163.com"打开默认邮箱工具发送邮件
- href="#"跳转到页面顶部
- href="#标签id"跳转到指定的标签
- href="javascript:"吃法a标签的默认动作,执行一段JavaScript代码,如:javascript:alert(msg)。javascript:表示什么都不执行,该方法可取消a标签默认动作
span标签
行内元素
文本内容修饰标签
- <b></b>:加粗
- <em></em>,<strong></strong>:用于强调某几个字
- <i></i>:斜体
- <u></u>:下划线
- <s></s>:删除线
- <sup></sup>:上标
- <sub></sub>:下标