首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:12:27 225

html有很多的标签,有些标签不管内容多少都会占用一整行的空间,而有些标签就只占内容宽度的位置。ijp办公区 - 实用经验教程分享!

块级标签:p、div、ul、ol、li、dt、h1到h6等ijp办公区 - 实用经验教程分享!

行内标签:span、a、strong、em等文本标签ijp办公区 - 实用经验教程分享!

方法/步骤

  • 1

    新增html页面ijp办公区 - 实用经验教程分享!

    1)打开VSCode编辑器,新建一个文件,保存为“Common.html”ijp办公区 - 实用经验教程分享!

    2)快速创建H5(html)页面文档结构:文件中输入一个感叹号,再按下tab键即可ijp办公区 - 实用经验教程分享!

    4前端页面开发工具 - VSCode的下载与安装ijp办公区 - 实用经验教程分享!

    html常用标签:块级标签 行内标签 介绍ijp办公区 - 实用经验教程分享!

  • 2

    块级标签:pijp办公区 - 实用经验教程分享!

    1)在页面中添加一个【P】标签,并添加边框(为了看清楚独占一行)ijp办公区 - 实用经验教程分享!

    2)在浏览器中打开页面,即可看到效果ijp办公区 - 实用经验教程分享!

    html常用标签:块级标签 行内标签 介绍ijp办公区 - 实用经验教程分享!

  • 3

    块级标签:divijp办公区 - 实用经验教程分享!

    1)在页面中添加一个【div】标签,并添加边框(为了看清楚独占一行)ijp办公区 - 实用经验教程分享!

    2)在浏览器中打开页面,即可看到效果ijp办公区 - 实用经验教程分享!

    html常用标签:块级标签 行内标签 介绍ijp办公区 - 实用经验教程分享!

  • 4

    块级标签:h1ijp办公区 - 实用经验教程分享!

    1)在页面中添加一个【h1】标签,并添加边框(为了看清楚独占一行)ijp办公区 - 实用经验教程分享!

    2)在浏览器中打开页面,即可看到效果(内容占一整行,且文字放大到H1默认大小)ijp办公区 - 实用经验教程分享!

    html常用标签:块级标签 行内标签 介绍ijp办公区 - 实用经验教程分享!

  • 5

    行内标签:spanijp办公区 - 实用经验教程分享!

    1)在页面中添加一个【span】标签,并添加边框(为了看清楚占用区域)ijp办公区 - 实用经验教程分享!

    2)在浏览器中打开页面,即可看到效果ijp办公区 - 实用经验教程分享!

    html常用标签:块级标签 行内标签 介绍ijp办公区 - 实用经验教程分享!

  • 6

    行内标签:aijp办公区 - 实用经验教程分享!

    1)在页面中添加一个【a】标签,并添加边框(为了看清楚独占用区域)ijp办公区 - 实用经验教程分享!

    2)在浏览器中打开页面,即可看到效果ijp办公区 - 实用经验教程分享!

    html常用标签:块级标签 行内标签 介绍ijp办公区 - 实用经验教程分享!

  • 7

    行内标签:strongijp办公区 - 实用经验教程分享!

    1)在页面中添加一个【strong】标签,并添加边框(为了看清楚独占用区域)ijp办公区 - 实用经验教程分享!

    2)在浏览器中打开页面,即可看到效果(占内容实际宽度,且文字加粗)ijp办公区 - 实用经验教程分享!

    html常用标签:块级标签 行内标签 介绍ijp办公区 - 实用经验教程分享!

  • 7本页面非法爬取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!ijp办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码