2020.12.22 沈世芳

1.知识点总结

(一)常见的标签:

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合并行

<head>
    <meta charset="utf-8">
    <title>表格</title>
</head>
<body>
    <!--
    表格中 tr 表示行  td 表示列/单元格
      border 表格边框
      width  宽度
      cellspacing  单元格之间的空隙
      cellpadding  单元格内边距/内填充
     -->
    <table border="1" width="800px" cellspacing="0" cellpadding="0">
        <tr>
            <!-- th标签中的内容 默认会加粗,居中显示 -->
            <th>商品类目</th>
        </tr>
        <!-- 行 -->
        <!-- 合并单元格
            colspan 合并列
            rowspan 合并行
         -->
        <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表单

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

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

文本框:<input type="text"/> 

密码框:<input type="password"/> 

颜色:<input type="color"/> 

单选框:<input type="radio" name="gemder"/>                                                                       <input type="radio" name="gemder" checked="checked"/> 

多选框:<input type="checkbox" name="hobby"/>                                 <input type="checkbox" name="hobby"/>                                                    <input type="checkbox" name="hobby" checked="checked"/>                                                            

下拉列表:<select>                                                                                                       <option>青海省</option>                                                                                <option selected="selected">西安省</option>                           <option>桑德省</option>                                                                                     </select>  

文本域:
            <input type="button" value="普通按钮" />
            <input type="submit" value="提交按钮" />    
            <input type="reset" value="重置按钮" />

注:重置按钮时重置为初始状态,并不是清空。

2.心得体会

今天,老师教我们如何去做表格和表单,虽然自己做出来了老师布置的任务,但是我还是没能在老师规定的时内做出来。希望老师可以讲慢一点,感觉有点跟不上。

2021年6月
« 5月    
 123456
78910111213
14151617181920
21222324252627
282930  

近期文章

标签

分类目录

近期评论

标签

IT特种兵 云创动力前端开发工程师 云创动力后端开发工程师 云创集训 开发喵 教育生态服务商

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1