html学习笔记-下

表格

<table><!--表格-->
    <tr><th>第一行第一列</th><th>第一行第二列</th><th>第一行第三列</th></tr>
    <tr><td>第二行第一列</td><td>第二行第二列</td><td>第二行第三列</td></tr>
    <!--<th></th>为表头单元格，效果加粗居中；
        列标签<td></td>or<th></th>应嵌在行标签<tr></tr>中-->
</table>

<!--表格属性：
    对齐方式：align="left||center||right"；
    边   框：border="*px"，默认无边框；
    内容与边框距离：cellpadding="*px"，默认1px；
    单元格间空白：cellspacing="*px"，默认2px；
    表格宽度：width="*px"-->

表格结构标签

<thead>表格的头部区域</thead>
<tbody>表格的主体区域</tbody>

<!--合并单元格-->
<tr rowspan="合并个数"></tr>
<td colspan="合并个数"></td>
<!--跨行合并目标为最上侧单元格，跨列合并目标为最左侧单元格-->

列表标签

<!--无序列表-->
<ul><!--列表中只能嵌<li></<li>-->
    <li></li>
    <li></li>
    <li></li>
</ul>

<!--有序列表-->
<ol><!--注意事项参考无序列表-->
    <li></li>
    <li></li>
    <li></li>
</ol>

<!--自定义列表-->
<dl><!--<dl>中只能嵌<dt>和<dd>-->
    <dt>名词1</dt>
    <dd>名词1解释1</dd>
    <dd>名词1解释2</dd>
</dl>

<!--<li>,<dt>,<dd>中可以放其他标签-->

表单

<!--组成：表单域、表单控件、提示信息-->
<from action="接收表单url地址" method="get/post" name="form_login">
    <!--表单控件-->
    <input type="text" name="自定义" value="自定义" checked="" maxlength="50">
    <!--checked：默认选中；maxlength：输入字段最大长度-->
    <!--type属性值:
    button:可点击按钮
    checkbox:复选框，同一组name值相同
    file:输入字段和浏览按钮，上传文件
    hidden:隐藏输入字段
    image:图像形式提交按钮
    password:密码，字符被掩码
    radio:单选按钮,同一组name值相同
    reset:重置按钮，清除表单中所有数据
    submit:提交按钮，提交表单所有数据
    text:单行输入字段，默认宽度20
    -->
    
    <!--标签-->
    <lable for="text">用户名：</lable>
    <input type="text" id="text">
    <!--<lable>属性for值与关联标签id值相同-->

    <!--下拉表单-->
    政治面貌：<select name="" id="">
                <option value="" selected="selected">党员</option>
                <option value="">团员</option>
                <option value="">群众</option>
            </select>
            <!--selected默认选项-->

    <!--文本域-->
    自我介绍：<textarea name="" id="" cols="30" rows="10">
            </textarea>
            <!--cols:多少列，rows：多少行（一般不定义）-->
</from>