标签分类
- 块级元素，独占一行，可设置高宽，如果不设置宽度，则为浏览器宽度
- 行内元素，在一行内展示，不能设置宽高，宽高根据内容填空
- 行内块元素，在一行内展示，可设宽高
h1-h6
h标签属于块级元素：
- 独占一行
- 可以设置宽高
不要用标题标签来改变同一行中的字体大小，通常用于文章或网站标题。
<!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>：下标