2020.12.22英吉卓玛.md

学员日志 700 5年前 0 admin

一、知识点总结

1.有序列表o1:

type属性用来指定有序列表的序列类型

1 表示序号使用阿拉伯数字

a/A使用大小写字母做序号

使用大小写罗马数字做序号

2.无序列表u1：

type 列表前序号，square方形 disc 实心圆默认圆

3.定义列表d1：

<d1>
    <dt>标题</dt>
    <dd>对标题的属性</dd>
</d1>

4.描述列表

⒌表格

表格由

标签来定义

tr表示行

td表示列/单元格

border 表示表格边框

th 一般指表头（标签中内容会默认加粗并居中）

rrowspan合并行

⒍表单

其中

用于为用户输入创建html表单

<form name="表单名称" method="表单提交方式" action="规定当提交表单时向何处发送表单数据">
    
</form>

input 输入框 type用来指定其类型

文本框：

密码框：

颜色：

单选框：

多选框：

下拉列表：

文本域：

<head>
    <meta charset="utf-8">
    <title>表格</title>
</head>
<body>
    <!--
    表格中 tr 表示行  td 表示列/单元格
      border 表格边框
      width  宽度
      cellspacing  单元格之间的空隙
      cellpadding  单元格内边距/内填充
     -->
    <table width="500px"border="1" >
        <tr>
            <!-- th标签中的内容 默认会加粗，居中显示 -->
    <!--th> 
        </tr>
        <!-- 行 -->
        <!-- 合并单元格
            colspan 合并列
            rowspan 合并行
         -->
        <tr>
            <!-- 列/单元格 -->
            <tr>
                <td colspan="4"><h1>商品类目</h1>/td>
            </tr>
            <tr>
                <td rowspan="3">虚拟</td>
            <td>移动</td>
            <td>联通</td>
            <td>小灵通</td>
            </tr>
            <tr>

            <td>充值卡</td>
            <td>彩票</td>
            <td>双色球</td>
            </tr><tr>
                <td>梦幻</td>
            <td>QQ</td>
            <td>游戏币</td>
            </tr><tr>
                <td rowspan="3">护肤</td>
            <td>美容护肤</td>
            <td>美体</td>
            <td>精油</td>
            </tr><tr>
                <td>彩妆</td>
            <td>香水</td>
            <td>美发</td>
            </tr><tr>
                <td>个人护理</td>
            <td>保健</td>
            <td>按摩器械</td>
            </tr>
    </table>
</body>

二、心得体会

在今天的实训课程中，我们歇会了关于HTML的表格和表单，及各种列表，感觉这些可以

运用到生活中的一些记录当中，可以使自己生活中的许多记录得到了方便。

评论留言

取消回复

评论前请先登录。