• html——常用标签


     HTML标签

      1. 结构说明

           · 标签由<>/、英文单词或字母组成

           · 标签<>中包裹起来的英文单词或字母称为标签名

      2. 标签种类

         · 常见标签由两部分组成,称之为双标签,前部分称为开始标签,后部分称为为 结束标签,两部分之间包裹内容(如</span><span style="color:#262626;">等</span> <span style="color:#262626;">)</span></p> <p style="margin-left:0in;text-align:left;">      <span style="color:#262626;"><strong> · </strong></span><span style="color:#262626;">少数标签由一部分组成,称为</span><span style="color:#ff0000;">单标签</span><span style="color:#595959;">,</span><span style="color:#262626;">自成一体,无法包容 (如</span><span style="color:#262626;"><br/></span><span style="color:#262626;">、</span><span style="color:#262626;"><hr/></span><span style="color:#262626;">)</span></p> <h2 style="margin-left:0in;text-align:left;"><a name="t1"></a><span style="color:#262626;">HTML</span><span style="color:#262626;">标签之间关系</span></h2> <p style="margin-left:0in;text-align:left;">  <span style="color:#262626;"><strong>1. </strong></span><span style="color:#262626;"><strong>嵌套关系(父子关系)</strong></span></p> <p style="margin-left:0in;text-align:left;"><img alt="" height="241" src="https://1000bd.com/contentImg/2024/09/09/9baa38c38cf62eff.png" ></p> <p style="margin-left:0in;text-align:left;"><span style="color:#262626;"><strong>  2. </strong></span><span style="color:#262626;"><strong>并列关系(兄弟关系)</strong></span></p> <p style="margin-left:0in;text-align:left;"><img alt="" height="390" src="https://1000bd.com/contentImg/2024/09/09/c1c34474b8095d12.png" ></p> <blockquote> <p> <span style="color:#000000;"><strong><title></strong></span><span style="color:#000000;"><strong>标签</strong></span></p> </blockquote> <p style="margin-left:0in;text-align:left;"><span style="color:#000915;"><title></span><span style="color:#000915;">我的第一个网页</span><span style="color:#000915;">

    标题标签

    一级标题

    二级标题

    三级标题

    四级标题

    级标题

    六级标题</h6>

      段落标签

     

    eg:

    北京欢迎你

    北京欢迎你,有梦想谁都了不起!

    有勇气就会有奇迹。

    换行标签 

     <br/>

    eg:

    北京欢迎你

      北京欢迎你,有梦想谁都了不起!<br />

      有勇气就会有奇迹。<br />

      北京欢迎你,为你开天辟地<br />

      ……

    水平线标签

     <hr/>

    eg:

    北京欢迎你


      北京欢迎你,有梦想谁都了不起!<br />

      有勇气就会有奇迹。<br />

      北京欢迎你,为你开天辟地<br />

      ……

    开发中常用无语义布局标签

    标签

    块元素,独占一行,与内容无关

    标签

    1、 行内元素, 默认宽度只与内容有关,占满一行自动换行
    2、能让某几个文字或者某个词语凸显出来

     块元素可以包含行内元素,行内元素不能包含块元素,只能包含文本或其它行内元素

  • 相关阅读:
    Python接口自动化 —— Json 数据处理实战(详解)
    【C++ Core Guidelines解析】深入理解现代C++的特性和原理
    hive笔记(五):查询、排序-join语句/连接/分区/sort by/distribute by/cluster by
    Unity 之 图集属性详解和代码示例 -- 拓展一键自动打包图集工具
    指数族分布(2):矩母函数、累积量生成函数
    手把手教你搭建园林园艺小程序商城
    数据治理工程师(CDGA)学习心得分享
    递归在多级数据结构中的简单应用
    msvcp120.dll下载_msvcp120.dll文件丢失解决[dll系统文件修复]
    Docker安装mysql8.0.28/redis7.0.4【亲测有效】
  • 原文地址:https://blog.csdn.net/jiuyuexixi/article/details/140268249