Web前端开发-html5基础-Day02

前言

继续学习如何使用html，一定要多动手敲代码！！！！

内容

列表标签：无序列表、有序列表、定义列表

表格标签：格式、宽高属性、水平对齐、垂直居中、外边距、内边距、细线表格、表格的完整结构

form表单：格式、常见的表单元素

列表标签

无序列表（ul-li）

格式：

<ul>
  <li>需要显示的条目内容</li>
</ul>

例如：

  <!-- 1、无序列表 ul li 块级元素 ul配合li使用-->
  <ul>
    <li>苹果</li>
    <li>香蕉</li>
    <li>榴莲</li>
  </ul>

运行结果（alt+b）：

样式：我们可以修改前面圆点的形状（一般情况都会使用css将它隐藏）

<ul type="value"></ul>
disc    默认值 实心圆
circle  空心圆
square  实心方块

注意：

ul标签和li标签是一个整体, 是一个组合. 所以一般情况下ul标签和li标签都是一起出现, 不会单个出现

有序列表（ol-li）

格式：

<ol>
    <li></li>
</ol>

例如：

  <!-- 2、有序列表 ol li -块级元素-->
  <ol type="1">
    <li>螺蛳粉</li>
    <li>老友粉</li>
    <li>桂林米粉</li>
  </ol>

运行结果：

样式：

<ol type="A"></ol>
1   默认值。数字有序列表。（1、2、3、4）
a   按字母顺序排列的有序列表，小写。（a、b、c、d）
A   按