美文网首页
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属性,无序列表,有序列表

    1.alt属性,也被称为alt text, 是当图片无法加载时显示的替代文本。alt属性对于盲人或视觉损伤的用户理...

  • 列表 表格 特殊符号 样式 内联框架 table布局

    1.列表 无序列表 有序列表 列表的属性 自定义列表 无序列表的基本格式 无序列表的type属性 无序列表的typ...

  • html+css基础

    1,图片alt属性,替换内容2, 超链接文字 3,有序列表,无序列表,4,定义列表dl dt dd5, 文本框 密...

  • 列表

    1)基础有序列表: 无序列表: 2)属性无序列表可以换头符号 有序列表可以换开头的方式

  • 学习小组Day1笔记-Herobrine

    Day1-Herobrine 列表 无序列表 无序列表 无序列表 无序列表 有序列表 有序列表 有序列表 有序列表...

  • 列表 表单

    列表 有序列表无序列表嵌套列表自定义列表 属性加载tape=属性值有序列表从几开始 可以有start=“10”、...

  • CSS 列表属性

    列表属性 CSS列表属性用于设置HTML列表元素的样式,包括无序列表和有序列表。 CSS列表的所有属性: list...

  • HTML 列表

    HTML支持有序、无序和定义列表 实例 无序列表 本例演示无序列表。 有序列表 本例演示有序列表。 无序列表 无序...

  • Markdown示例

    一级标题 二级标题 三级标题 无序列表 无序列表 无序列表 无序列表 有序列表 有序列表 有序列表 有序列表 插入...

  • MarkDown语法

    默认就是一个段落 1.无序列表 无序列表 无序列表 无序列表 2.有序列表 有序列表 有序列表 有序列表 3.链接...

网友评论

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

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