HTML——day3

标签：表格 标签 单元格 day3 表单 HTML 列表 属性

html中的注释： ”<!---xxxx->“写注释是一种很好的编程习惯，可以让我们后期代码查漏补缺的时候更加的快速，同时也给别人阅读我们的代码带来方便。

表格标签：
表格标签是使我们在页面显示的数据更加整洁的一种方式。
“

” 这还是一个表格标签的用法，其中table代表整个大的表格，tr代表表格中的一行，td代表一行中的每一格，他们三个属于标签关系中的包含关系。 表格中的属性有： align：标签中内容的对齐方式（left、right、center） border：表格的边框（数字）默认为0. 这些属性值要写在table标签中。 还有就是合并单元格的方法：以属性值的方式来合并单元格 合并一行中的某个单元格那就在后一行中最左侧的单元格开始在其中添加属性rowspan=”？”？代表我们要合并的单元格的个数。 合并某一列的单元格就在合并大最上方的单元格内添加属性colspan=”？“？代表我们要合并的单元格的个数。 列表标签： 列表标签分为：无序列表、有序列表、自定义列表 无序列表： “

• 新闻
... ...

”

... ...

无序列表在网页中显示勤勉默认小黑点。 在无序列表中ul是在最外面的标签他里面只能有li标签但是在li标签中可以出现其他标签。下面讲述的另外三个标签也有这样的性质。

有序列表：
”

1. 世界第一
...

“

...

有序列表前面显示1/2、。。。。

自定义列表：
“

动物

猪

牛

....

”

....

自定义列表外面是大标签里面有一个小标签还有很多分类，相当于一个大哥带着一群小弟。 表单标签： 表单标签是我们很常用的标签，他的作用是可以在网页上让用户填写信息传入后台我们可以进行保存或者调用。用处很常见例如我们的注册页面，以及信息收集页面。 表单标签有三种表单元素：表单域、表单控件、提示信息

用于表单域的定义，表示接下来的东西属于表单域内。 其中标签含有的属性：action=”地址“表示获得表单内容并进行处理额服务器的地址。 method：表单内容的提交方式（get/post） name：表单域的名称。 表单控件： input输入表单元素，是一个单标签 select：选择表单元素 这里的type指的是我们的表单输入值的类型 属性值：button可点击按钮 checkbox定义复选框 file定义输入字段或者文件浏览上传 hidden隐藏输入字段 image一图像的形式提交表格 password密码该字段中字符会被掩码 radio单选 submit提交按钮 text定义可输入字段， input中还有其他属性：name是一个必要属性 value属性用于后台获取数据。 maxlengh规定输入字段的最大值 。 select标签： 下拉表单： 我们在option中定义属性selected=“selected”表示默认选项。 最后一个是我们的文本域，当我们想评论或者发表很多字段的话是这时候单纯的input已经满足不了了那就要用到 用于书写大量的东西。以上是我们的表单内容下面我们完成一个页面的注册表格： `

青春不常在，抓紧谈恋爱

    <tr>
        <td>生日</td>
        <td> 
            <select name="year" id="year">
                <option value="">--请选择年份--</option>
                <option value="1998" selected="selected">1998</option>
                <option value="1997">1997</option>
                <option value="1996">1996</option>
                <option value="1995">1995</option>
                <option value="1994">1994</option>
            </select>
            <select name="month" id="month" width="20">
                <option value="">--请选择月份--</option>

                <option value="1月">1</option>
                <option value="2月">2</option>
                <option value="3月">3</option>
                <option value="4月">4</option>
                <option value="5月">5</option>
                <option value="6月">6</option>
            </select>
            <select name="day" id="day" width="20">
                <option value="">--请选天分--</option>

                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
            </select>
        </td>

    </tr>

    <tr>
        <td>所在地区</td>
        <td><input type="text" value="北京"></td>
    </tr>

    <tr>
        <td>
            婚姻状况
        </td>
        <td>
            <input type="radio" name="merry" id="merried" checked="checked"><label for="merried">已婚</label>
            <input type="radio" name="merry" id="nomerry"><label for="nomerry">未婚</label>
            <input type="radio" name="merry" id="died"><label for="died"">丧偶</label>
        </td>
    </tr>

    <tr>
        <td>
            学历
        </td>
        <td>
            <input type="text" name="college" id="college" value="幼儿园">
        </td>
    </tr>

    <tr>
        <td>
           喜欢类型 
        </td>
        <td>
            <input type="checkbox" name="type" id="type">性感的
            <input type="checkbox" name="type" id="type">可爱的
            <input type="checkbox" name="type" id="type" checked="checked">帅气的
            <input type="checkbox" name="type" id="type">清纯的
        </td>
    </tr>


    <tr>
        <td>
           自我介绍 
        </td>
        <td>
          <textarea name="introduce" id="introduce" >阳光大男孩</textarea>
        </td>
    </tr>

    <tr>
        <td rowspan="4"></td>
        <td>
            <input type="submit" value="免费注册">
        </td>
    </tr>
    <tr>
        <td ></td>
        <td>
            <input type="checkbox" name="" id="">我同意加入注册条款和会员标准。
        </td>
    </tr>
    <tr>
        <td></td>
        <td>
            <a href="#">我是会员，立即登录</a>
        </td>
    </tr>
    <tr>
        <td></td>
        <td>
        <h4>我承诺</h4>
        <ul>
            <li>年满十八岁、单身</li>
            <li>抱着严肃的态度</li>
            <li>真诚寻找另一半</li>
        </ul>
    </td>
    </tr>


</table>

`

性别

男 女

标签：表格,标签,单元格,day3,表单,HTML,列表,属性
From： https://www.cnblogs.com/222wan/p/17146284.html