html标签之body内标签

编辑本页

标签分类

  1. 块级元素，独占一行，可设置高宽，如果不设置宽度，则为浏览器宽度
  2. 行内元素，在一行内展示，不能设置宽高，宽高根据内容填空
  3. 行内块元素，在一行内展示，可设宽高 

h1-h6

h标签属于块级元素：

  1. 独占一行
  2. 可以设置宽高

不要用标题标签来改变同一行中的字体大小，通常用于文章或网站标题。

<!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>
View Code

段落标签p

  1.  跟普通文本一样，但可以通过css来设置当前段落样式
  2. 块级元素，所以会独占一行

超链接标签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标签

行内元素

文本内容修饰标签

  1. <b></b>：加粗
  2. <em></em>,<strong></strong>：用于强调某几个字
  3. <i></i>：斜体
  4. <u></u>：下划线
  5. <s></s>：删除线
  6. <sup></sup>：上标
  7. <sub></sub>：下标

 

posted @ 2018-06-02 19:28  丫丫625202  阅读(189)  评论(0)  编辑  收藏  举报