zoukankan      html  css  js  c++  java
  • 前端 学习笔记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>标签不可以嵌套块级标签;

  • 相关阅读:
    BZOJ 4247 挂饰
    BZOJ 4247 挂饰
    BZOJ 1087(SCOI 2005) 互不侵犯
    BZOJ 1087(SCOI 2005) 互不侵犯
    bzoj 2093 [Poi2010]Frog——滑动窗口
    bzoj 2096 [POI2004]ZAW——二进制枚举
    bzoj 2276 [Poi2011]Temperature——单调队列
    CF 293E Close Vertices——点分治
    洛谷 4178 Tree——点分治
    洛谷 2634 [国家集训队]聪聪可可——点分治
  • 原文地址:https://www.cnblogs.com/xuanxuanlove/p/10002340.html
Copyright © 2011-2022 走看看