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

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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML的表格 概述: 表格由 标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由...
    枫羽望空阅读 517评论 0 1
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,654评论 32 459
  • FreeCodeCamp - HTML5 and CSS 发现原来在另外一台电脑学 FreeCodeCamp 的时...
    付林恒阅读 9,476评论 2 17
  • 一丛花 为奴十二载 从来最贵寒窗梦,一打春秋枕。夜漫楼山月半浓,停笔望,点点星灯。三丛花树,四片绒唇,绵绵渡舌津。...
    小乙哟阅读 866评论 9 3
  • 元认知能力很重要。它几乎影响一个人的整个生活的方方面面…… 我们锻炼元认知能力的重要一步就是要学会“主动控制注意力...
    史慧君阅读 9,094评论 0 51