html常用标签:块级标签 行内标签 介绍

html有良多的标签,有些标签不管内容几多城市占用一整行的空间,而有些标签就只占内容宽度的位置。

块级标签:p、div、ul、ol、li、dt、h1到h6等

行内标签:span、a、strong、em等文本标签

方式/步调

  1. 1

    新增html页面

         1)打开VSCode编纂器,新建一个文件,保留为“Common.html”

         2)快速建立H5(html)页面文档布局:文件中输入一个感慨号,再按下tab键即可

    3前端页面开辟东西的下载与安装

  2. 2

    块级标签:p

         1)在页面中添加一个【P】标签,并添加边框(为了看清晰独有一行)

         2)在浏览器中打开页面,即可看到结果

  3. 3

    块级标签:div

         1)在页面中添加一个【div】标签,并添加边框(为了看清晰独有一行)

         2)在浏览器中打开页面,即可看到结果

  4. 4

    块级标签:h1

         1)在页面中添加一个【h1】标签,并添加边框(为了看清晰独有一行)

         2)在浏览器中打开页面,即可看到结果(内容占一整行,且文字放年夜到H1默认巨细)

  5. 5

    行内标签:span

         1)在页面中添加一个【span】标签,并添加边框(为了看清晰占用区域)

         2)在浏览器中打开页面,即可看到结果

  6. 6

    行内标签:a

         1)在页面中添加一个【a】标签,并添加边框(为了看清晰独有用区域)

         2)在浏览器中打开页面,即可看到结果

  7. 7

    行内标签:strong

         1)在页面中添加一个【strong】标签,并添加边框(为了看清晰独有用区域)

         2)在浏览器中打开页面,即可看到结果(占内容现实宽度,且文字加粗)

  • 发表于 2018-11-23 00:00
  • 阅读 ( 1251 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具