• 前端 学习笔记day47 其他标签


    1. 其他标签

    标签的属性都是属性名=属性值的形式;

    每一个标签都有 三个基本属性 id="" (表示该标签的唯一标识,不能重复) class=""  style="";

    <b>加粗</b>  -- 对内容加粗;

    <i>斜体</i> -- 斜体;

    <u>下划线</u>  给内容加上下划线;

    <s>删除线</s> 对内容添加删除线;

    <hr>  水平分割线;

    <p>段落内容</p>  一般用于标题下面的段落内容;

    <br>  换行标签;

    一些特殊的符号表示:
    小于号<: &lt; (是有分号的~)

    大于号>:&gt;

    $ : &yen;

    ¥: &amp;

    版权R :&reg;

    注册商标C:&copy;

    空格: &nbsp;

    2. <div>文字内容</div>   VS   <span>文字内容</span>

    两者都是用来显示文字内容的,但是div标签是块级标签,而span是行内标签(内联标签):

    <! DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>Welcome!</title>
            <script>
                alert("这是一个弹框!")
            </script>
        </head>
        <body>
        <div>div标签</div>   <!--会显示换行-->
        <div>div标签</div>
        <span>span标签</span>  <!--不会显示换行-->
        <span>span标签</span>
        <div>1&lt;2</div> <!--小于号-->
        <div>1&gt;2</div>
        <span>&amp;&nbsp;&nbsp;&nbsp;&yen;</span>  <!--依次是$  空格(3个) ¥-->
        <h1>海燕</h1>
        <p>我是一只孤独的海燕</p>  <!--p标签是标题下面的段落-->
        <p>在苍茫的大海上飘来飘去</p>
        <p>风里来雨里去</p>
        <p>可是我并不畏惧</p>
        <p>啊 我可是一只坚强的海燕啊!</p>
    
        </body>
    </html>

    运行结果:
                       

    标签的分类:可以分为块级标签 (占多行)内联(行内)标签(只占一行)

    块级标签 <h1> </h1>   <hr> )(水平线)<div></div>;

    行内标签:<a></a>  <img>     <u></u>   <b></b>  <i></i> <s></s>  <span></span> 

    注意 :
    1. 行内标签不可以嵌套块级标签;

    2. 部分块级标签如<p></p>标签不可以嵌套块级标签;

  • 相关阅读:
    Hibernate+JPA (EntityMange讲解)
    JPA和Hibernate的区别
    Hibernate与Jpa的关系,终于弄懂
    JEE学习线路
    J2EE中你必须了解的13种技术规范
    js设置datagriad的行移动
    js正则表达式中的特殊字符
    iOS 开发之动画篇
    Phone APP设计规范/iPad APP设计规范/Android APP设计规范/网页设计规范
    打包程序时的证书问题(上传APP就出现Missing iOS Distribution signing indetity for)
  • 原文地址:https://www.cnblogs.com/xuanxuanlove/p/10002340.html
Copyright © 2020-2023  润新知