_3_body_标签

创:20_3_2017
修:5_4_2017


什么是div标签?
  div    双    -- div标签没有任何默认属性
    -可以任意写入样式和内容,和 水一样,水自然平凡而又最多

什么是h1标签?
  h1 标题(双)    --  对一段内容设置主题,数字最多到6,字体依次变小,企业开发最多只能有一个h1标签,占用一行

    <h1>小菊花</h1>
    <h2>小菊花</h2>
    <h3>小菊花</h3>
    <h4>小菊花</h4>
    <h5>小菊花</h5>
    <h6>小菊花</h6>

什么是p标签?
  p 段落(单)   --块级   -内容没有占用一行,默认占用一行
  

<p>菊花是中国十大名花第三,花中四君子(梅兰竹菊)之一,也是世界四大切花(菊花、月季、康乃馨、唐菖蒲)之一,

  产量居首。因菊花具有清寒傲雪的品格,才有陶渊明的“采菊东篱下,悠然见南山”的名句。

  中国人有重阳节赏菊和饮菊花酒的习俗。唐·孟浩然《过故人庄》:“待到重阳日,还来就菊花。

  ”在古神话传说中菊花还被赋予了吉祥、长寿的含义。</p>
  <p>菊花是经长期人工选择培育的名贵观赏花卉,公元八世纪前后,作为观赏的菊花由中国传至日本。

  17世纪末叶荷兰商人将中国菊花引入欧洲,18世纪传入法国,19世纪中期引入北美。此后中国菊花遍及全球。</p>
View Code

什么是水平线标签?
  hr   -- 水平线(单)    --块级,有斜杠或者没有都行  

什么是换行标签?
  br   --换行(单)   --相当于 ,很少用,用于不另起一个段落换行
        - 一般用用p标签包裹表示占用一行

  <p>菊花是中国十大名花第三,花中四君子(梅兰竹菊)之一,也是世界四大切花(菊花、月季、康乃馨、唐菖蒲)之一,

  产量居首。因菊花具有清寒傲雪的品格,才有陶渊明的“采菊东篱下,悠然见南山”的名句。

  <br>中国人有重阳节赏菊和饮菊花酒的习俗。唐·孟浩然《过故人庄》:“待到重阳日,还来就菊花。”

  在古神话传说中菊花还被赋予了吉祥、长寿的含义。</p>
View Code

什么是超链接标签?
  a   --超链接(双)   --内联,页面之间跳转,a标签里面可以嵌套图片、文字或者其他内容

      -href =“URL或本地页面“ 指定点击跳转到的页面,本地html应用相对路径,

        <a href="http://www.baidu.com">百度</a>
        <a href="yizhihua.html">一株花</a>

      -href =”#或JavaScript:” 假链接,用于未上线的页面链接

            <a href="#">返回顶部</a>
              <!--会返回顶部,JavaScript:无任何效果-->

  锚?
    -- href =”#id”   --跳转到本页面id所在的标签,无滚动动画
      -- href =”其他页面路径#id” --跳转到其他页面id所在标签,中间没有空格

        - target =“_self 或_blank“ _self本窗口跳转,_blank新窗口跳转

        <a href="http://www.baidu.com" target="_self">百度</a>
        <a href="yizhihua.html" target="_blank">一株花</a>

    --title =“鼠标悬停 显示的提示“

        <a href="yizhihua.html" target="_blank" title="来点人家,快">一株花</a>

如何显示符号?
  百度搜索,把相关的代指写入代码中 

如何显示列表?
  -- 有序:

    <ol>
      <li>有序列表1</li>
      <li>有序列表n</li>
    </ol>


  -- 无序:    

       <ul>
      <li>无序列表1</li>
      <li>无序列表n</li>
    </ul>    


  --可以嵌套使用

如何显示分组信息或一个主题+解释?

  <dl>
    <dt>主题a</dt>
      <dd>解释内容a1</dd>
      <dd>解释内容a2</dd>
    <dt>主题b</dt>
      <dd>解释内容b1</dd>
      <dd>解释内容b2</dd>
  </dl>
      <!--每一个dd都是上一个dt的补充说明-->

如何在浏览器中显示表格?
  逻辑结构:

    <table>
      <thead>
        <tr>
          <th>表字段名</th>
        </tr>
      </thead>
      <tbody>
        <tr> 表示一行数据
          <td>表内容</td>表字段对应依次对应的内容
        </tr>
      </tbody>
    </table>

  在table中</thead>和<tbody>可省略

    --加colspan属性,该单元格在水平方向占多少格子。默认右

    --加rowspan属性,该单元格在垂直方向占多少格子。默认下

    --水平、垂直对齐:align =“left 或 center 或right”

    --外、内边距:cellspacing = 0 设置单元格边距,默认2px

    --bgcolor =“颜色”设置table背景颜色或者单元格背景颜色

    --caption 标题标签(双) 单独为表格设置标题


如何设置密码验证框?

  <fieldset>
    <legend>登录</legend>(边框左上角显示内容)
    <p> <label for="user">账号:</label> <input type="text" id="user"name="user"></p>
    <p><label for="pwd">账号:</label> <input type="password" id="pwd"name="password"></p>
  </fieldset>
  <!-- 自带样式-->

 

原文地址:https://www.cnblogs.com/2bjiujiu/p/6588620.html