学习前端的第二天2020-10-12

2020年10月12日
今天是我学习前端的第二天，今天的课程我昨天没能预习完，所以下午的时候明显感觉跟起来有些吃力，以后还是得做好充分的预习，把能用到的单词记清楚~
今天主要学习了表格、列表还有表单三块内容。
一：表格
表格的标签是<table></table>，所有的内容都要写到这个标签里面，它还有一些相关的属性，比如width宽度、height高度、cellpadding内容和单元格边框间的距离（单位像素）、cellspacing单元格和单元格之间的间距（单位像素）border边框宽度（单位像素）等，不过cellpadding和cellspacing不推荐使用，后期学css时有其他方法，目前了解即可。表格还分为头部和主体，一般头部指表格的第一行，标签是<thead></thead>，而主体则是表格的其他内容，标签是<tbody></tbody>.
例如：

<table align="center" border="1" cellpadding="10" cellspacing="0" width="400" height="300">
        <thead>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>张三</td>
                <td>男</td>
                <td>18</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>女</td>
                <td>30</td>
            </tr>
            <tr>
                <td>王五</td>
                <td>女</td>
                <td>30</td>
            </tr>
            <tr>
                <td>赵六</td>
                <td>女</td>
                <td>30</td>
            </tr>
        </tbody>
    </table>

其实现的效果如下图所示：
表格有多少行，就需要写多少个<tr></tr>，每行有多少个单元格，就在<tr>标签中写多少个<td></td>。合并单元格分两种，第一种是跨行合并，第二种是跨列合并，跨行合并只需要在最上方的单元格标签中写入rowspan=“m”（m是要合并的单元格的数量），然后再把相应的其他行的单元格标签删除就可以了；跨列合并则只需要在最左方的单元格标签中写入colspan=“m”（m是要合并的单元格的数量），然后再把相应的本行内的单元格标签删除就可以了。
二：列表
关于列表我们学习了三种，分别为无序列表，有序列表和自定义列表。其中无序列表我们用的最多。
无序列表的标签是<ul></ul>，注意：ul标签中只能放<li></li>标签，但是li标签里能放任意标签包括ul标签。
三：表单
表单内容比较多，此处我使用xmind做了一个简单的框图展示一下~
表单由三部分组成，分别是表单域、表单控件和提示信息。

表单域作用、标签及属性：
表单控件相关知识（重点）：
提示信息：
今天内容比较繁琐，需要记得单词很多，要能分的清楚每个标签的属性都是什么意思，不能记混。所以不仅仅是需要预习，还得要及时复习！加油！
今天就先写到这里，各位大佬晚安~

	补写于2020-10-13