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>

      

  • 相关阅读:
    jmeter接口测试二
    jmeter 插件入口
    Python正则匹配中的最小匹配和贪婪匹配
    python中的url编码和解码(encode与decode)乱码
    python2.7+pyqt+eric基本控件操作(制作界面化程序)
    python2.7+PyQt4+eric6 界面开发环境配置
    centos配置静态ip地址
    分片,步长,索引
    我看过的几本书籍
    软件测试工程师的成长之路(个人看法)
  • 原文地址:https://www.cnblogs.com/lirongyang/p/9761233.html
Copyright © 2011-2022 走看看