zoukankan      html  css  js  c++  java
  • HTML学习笔记4----更多元素

     随笔记录方便自己和同路人查阅。

    #------------------------------------------------我是可耻的分割线-------------------------------------------

      现在要学习七个新元素。前面学过,你可以通过用 <b> 和 </b> 把文本括起来,把文本设为粗体;类似地,你可以通过用<i> 和 </i> 把文本括起来,把文本设为斜体。没错,

    这里的“i”是“斜体(italic)”的意思。

      同样,你可以用 small 标签把文本设为小字体:<small>这句话应显示为小字体</small>

      同时也可以用多个标签,只要你能 避免标签交错起来。最好通过一个例子来说明:

      如果你希望一段文本即是粗体又是斜体,看例2:

      学习更多元素!

      正如以前提到的, 有些元素是没有尾标签( end tag )的。这种元素被称作空元素(emptyelement),它们不与特定文本段落相关。一个例子是 <br /> ,它的作用是插入一个换行符,见例3。

      HTML 中的空元素还包括 ul 、 ol 和 li ,这三个元素用于制作列表。ul 代表“无序列表(unordered list ) ”,它的作用是为每个列表项显示一个粗点。 ol 代表“有序列表(ordered list)”,它的作

    用是显示每个列表项的序号。用 <li> 元素把多个列表项组织为一个列表,其中的 li 代表“列表项(list item)。感觉有些迷糊?那么,请看例4:

     

    #------------------------------------------------我是可耻的分割线-------------------------------------------

      1、斜体,例1:

      效果:

      2、例2:

     

      注意不能这样:<b><i>既是粗体又是斜体</b></i>。二者区别在于:在前一个例子中,首先打开的标签最后关闭。这样可以避免混淆。

      3、例3:

      效果:

      注意上面的空元素 <br /> :它没有尾标签。

      另一个空元素是 <hr /> ,它的作用是画一条水平线。这里的“hr”是“水平线(horizontal rule ) ”的意思。

      4、ul,例4:

      

      效果:

      ol,例子:

      效果:

       总结:

    <i>斜体</i>
    <small>小字体</small>
    <br /> 换行
    <hr /> 水平线
    <ul>无序列表<ul>
    <ol>有序列表<ol>

      

  • 相关阅读:
    php升级5.3到5.4,5.5,5.6
    JNI NDK开发Crash错误定位 调试
    【转】移动端App测试实用指南
    【转】web测试内容及工具经典总结
    什么是比特币(bitcoin)
    读《活着》
    读《我们终将逝去的青春》
    自动make工具--CMake
    如何像黑客一样思考_转
    httpd在嵌入式中应用
  • 原文地址:https://www.cnblogs.com/lirongyang/p/9761233.html
Copyright © 2011-2022 走看看