注册
首页 > 学员日志 | 实习实训 > 20210521—王博

20210521—王博

学员日志 384 2021年5月21日 0 云创动力

工作日志

一.知识总结

1.标准的网页结构

Screenshot 2021-05-21 165012

2.元数据

元素——描述数据的数据

3.增加自定义图标

4.在HTML中应用CSS和JavaScript有一行代码出错，后面的就不执行。

5.乱码（编码和解码不一致）

6.常见的标签

列表（有序列表，无序列表和定义列表）

有序列表：可以将每一项进行编写；可以通过type属性更改类型；1 阿拉伯的数字，默认的；a/A 英文字母；i/I 罗马数字.

无限序列：circle 空心圆；disc 实心圆；square 方形

定义列表：dt 定义标题；dd 标题的定义

7.表格（table）

thead 表头；tbody 表体；tfoot 表格尾；th 表头中的单元格；tr 标签表示表格中的一行

td 标签表示表格中的单元格

table的属性：border表格的边框；width宽度；cellspacing单元格之间的间隙；cellpadding单元格间的填充（内容和单元格边框的距离）

6行五列的表格

<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <table border="1px" width="600px" cellspacing="0">
        <!--第一行-->
        <tr>
            <td colspan="2" rowspan="2">1-1</td>
            <td>1-3</td>
            <td>1-4</td>
            <td rowspan="2">1-5</td>
        </tr>
        <!--第二行-->
        <tr>
            <td colspan="2">2-3</td>
        </tr>
        <!--第三行-->
        <tr>
            <td rowspan="3">3-1</td>
            <td>3-2</td>
            <td>3-3</td>
            <td>3-4</td>
            <td>3-5</td>
        </tr>
        <!--第四行-->
        <tr>
            <td>4-2</td>
            <td>4-3</td>
            <td>4-4</td>
            <td>4-5</td>
        </tr>
        <!--第五行-->
        <tr>
            <td>5-2</td>
            <td colspan="3">5-3</td>
        </tr>
        <!--第六行-->
        <tr>
            <td colspan="5">6-1</td>
        </tr>
    </table>
</body>

8.合并的单元格

合并列colspan:找到起始的单元格

,写上colspan属性，值为要合并的单元格个数，接着删除被合并的单元格

代码。

9.表单

标签：(1)form 表示数据传输的载体;(2)action 数据提交的地址;(3)method 数据提交的方式，get/post;(4)enctype 编码方式，默认是application/x-www-form-urlencoded multipart/form-data一般用于上传文件。