W1

1.图中列表是无序列表,其中“语言”“编辑器”可自成一段由用作标题完成。

列表以<ul>开始,并以</ul>结束。列表项以<li>开始,并以</li>结束。

除此之外,列表还有有序列表,有序列表以<ol>开始,以</ol>结束,列表项与上述一样

    代码实现如下:

    2.图示是由html中表格标签<table></table>实现,表格中由<th></th>表示表头,<tr><tr>表示行,<td></td>表示列。其具体实现代码如下:

    3.使用html完成图示代码如下:

    用css美化,css代码如下:

    html代码修改如下:

    完成后页面效果如下:

    最后编辑于
    ©著作权归作者所有,转载或内容合作请联系作者
    【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
    平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

    相关阅读更多精彩内容

    • 作业2: 该列表为无序列表,其中语言、编辑器用空格进行布局。其中无序列表用 包裹列表有序列表用 包裹列表并都使...
      NPU_周辉阅读 3,207评论 0 2
    • 第一题 列表的实现:1.例子中是一个无序列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。2.因此要用无序列表...
      张青子阅读 3,332评论 0 1
    • 从本周开始写java学习笔记,每周总结一次,总结时间是周日,计划的是每周日不学新的知识,复习总结本周学习的...
      楼兰年少阅读 2,905评论 0 2
    • 第一题:列表为一个无序列表,无序列表用 定义 ,列表项用标签 定义,“语言”“编译器”前应用空格占位符 填充。 代...
      NPU_黄滋文阅读 3,517评论 0 0
    • 上一篇版本控制系统Git 进阶(一) 产生冲突 创建分支featureA与分支featureB(注:还不懂怎么创建...
      qiaoStr阅读 3,619评论 0 10

    友情链接更多精彩内容