HTML学习制作列表

必备基础知识

  • 无序列表
  • 标签:


    无序列表

    结果
  • ul有type属性,通过修改type属性可以修改无序列表样式,默认type值是"disc"


    HTML学习制作列表_第1张图片
    代码

    结果
  • 有序列表
  • 标签:
    1. ***
    1. 通过type属性值不同修改每一条列表style type: "A" "a" "I" "i"
  • 块级元素和内联元素
  • 点击了解差异,以及各种不同元素例子
  • 这个也是一个很好的介绍博客
  • 由此可以区分
    :前者是块级元素,后者是行内元素
    也就是说:前者可以占用

练习

题目

HTML学习制作列表_第2张图片
题目

解答过程

  • 分析
  • 1.对整个页面的划分从外向里:最外层是一个
      其中有两个
    • 分别,因为type是"disc",而默认type本身就是disc,因此不需要设置type属性
    • 2.每一个
    • 中是
        其中包含两个
      1. 3.每个
      2. 中又是
          其中包含两个
        • 4.因此判断完是一个三层嵌套列表
        • 使用标签
        • 1.
            1. 由于每个
            2. 中还有文字,并且这些文字都是独自占了一行我们需要一个块级别元素抱住文字,经过查阅
              • 都是块级元素因此,文字可以直接写出不需要用标签包住
              • 开始编程
              • 1.搭好框架
              • 2.填充文字内容

              答案

              HTML学习制作列表_第3张图片
              代码

              github地址Task1.html

你可能感兴趣的:(HTML学习制作列表)