美文网首页
alt属性,无序列表,有序列表

alt属性,无序列表,有序列表

作者: Gorden_x | 来源:发表于2017-08-16 17:04 被阅读0次

    1.alt属性,也被称为alt text, 是当图片无法加载时显示的替代文本。alt属性对于盲人或视觉损伤的用户理解一幅图片中所描绘的内容非常重要,搜索引擎也会搜索alt属性。
    简而言之,每一张图片都应该有一个alt属性!

    例:<img
    src="www.your-image-source.com/your-image.jpg"
    alt="your alt text">

    2.HTML有一个特殊元素,用于创建unordered lists(无序列表), 或带项目符号的列表。
    无序列表以<ul>元素开始,并包含一个或多个<li>元素。
    例如:
    <ul>
    <li>milk</li>
    <li>cheese</li>
    </ul>

    3.无序列表的嵌套:
    <html>
    <body>

    <h4>一个嵌套列表:</h4>
    <ul>
    <li>咖啡</li>
    <li>茶
    <ul>
    <li>红茶</li>
    <li>绿茶
    <ul>
    <li>中国茶</li>
    <li>非洲茶</li>
    </ul>
    </li>
    </ul>
    </li>
    <li>牛奶</li>
    </ul>

    </body>
    </html>

    4.有序列表以<ol>元素开始,并包含一个或多个<li>元素。
    例如:
    <ol>
    <li>Garfield</li>
    <li>Sylvester</li>
    </ol>

    5.更多类型的有序列表:
    <html>
    <body>

    <h4>数字列表:</h4>
    <ol>
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
    </ol>

    <h4>字母列表:</h4>
    <ol type="A">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
    </ol>

    <h4>小写字母列表:</h4>
    <ol type="a">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
    </ol>

    <h4>罗马字母列表:</h4>
    <ol type="I">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
    </ol>

    <h4>小写罗马字母列表:</h4>
    <ol type="i">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
    </ol>

    </body>
    </html>

    相关文章

      网友评论

          本文标题:alt属性,无序列表,有序列表

          本文链接:https://www.haomeiwen.com/subject/oroirxtx.html