web学习||day3

1.表格

表格是用于展示数据的

表格相关的基本标签：

 <table align="center" border="1" width="300" height="100" cellspacing="0" cellpadding="20">
        <tr>
            <th>姓名</th>
            <th>学号</th>
        </tr>
        <tr>
            <td>jack</td>
            <td>123456</td>
        </tr>
    </table>

 

合并单元格：

colspan：跨列合并

rowspan:跨行合并 

 合并单元格步骤：

先写出相应代码，然后删除多余的单元格代码，具体代码如下：

<table align="center" border="1" width="300" height="100" cellspacing="0" cellpadding="20">
        <tr>
            <th colspan="2">姓名</th>
            <!-- <th>学号</th> -->
        </tr>
        <tr>
            <td>jack</td>
            <td>123456</td>
        </tr>
    </table>

 

2.列表

列表是用来布局的

列表分为有序列表，无序列表，自定义列表

ul> 无序列表---里面只能包含<li></li>没有顺序，使用较多，<li></li>里面可以包含任何标签
        <li>列表项1</li>
        <li>列表项2</li>
        ....    
    </ul>
    <ol>有序列表---里面只能包含<li></li>，有顺序，使用较少，<li></li>里面可以包含任何标签
        <li>列表项1</li>
        <li>列表项2</li>
        ...
    </ol>
    <dl>自定义列表---里面只能包含dt和dd,dd和dt里面可以放任何标签,一个dt对应多个dd
        <dt>名词</dt>
        <dd>名词解释1</dd>
        <dd>名词解释2</dd>
        ...
    </dl>

 3.表单

表单是为了收集用户信息的

表单由表单域（表单域由表单元素又称表单控件组成），提示信息组成

表单域：

<form action="" method="" name="">
        action:属性值为url地址,作用是：用于指定接收并处理表单数据的服务器程序的url地址
        method:属性值：get/post,作用是：用于设置表单数据的提交方式，其取值为get或者post
        name:属性值：名称，作用是：用于指定表单的名称，以区分页面中的其他表单域
    </form>

在表单域中，可以定义各种表单元素，在这些表单元素中，用户能输入或者选择：

input：输入表单元素

select:下拉表单元素

textarea：文本域元素

input（单标签）：

<form action="" method="" name="">
        <input type="text">
        <input type="password">
        ...
    </form>