MSI_0521姚群英

一.合并单元格

​ 1.合并列 colspan

​ 找到起始的单元格(td),写上colspan属性，值为要求合并的单元格个数

​ 接着删除被合并的单元格td代码

​

​ 2. 合并行rowspan

​ 找到起始的单元格(td),写上rowspan属性，值为要合并的单元格个数

​ 然后找到对应被合并的单元格(td)删除相关代码

​

​

二.列表

​ 1.有序列表 ol

​ 可以将每一项都进行编号

​ 可以通过type属性更改编号的类型

​ type：

​ 1 阿拉伯数字 默认的

​ a/A 英文字母

​ i/I罗马数字

     Demo
     <ol type="I">
        <li>起床</li>
        <li>学习</li>
        <li>吃</li>
        <li>学习</li>
        <li>吃</li>
    </ol>

​ 2.无序列表

​ type

​ circle 空心圆

​ disc 实心圆

​ square 方形

       Demo
       <ul type="square">
        <li>起床</li>
        <li>学习</li>
        <li>吃</li>
        <li>学习</li>
        <li>吃</li>
       </ul>

​ 3.

加水平线

​ 4.

与

​

定义标题

​

标题的定义，一般默认在标题的下一行，且空两格

    Demo 
    <dl>
        <!-- 定义标题 -->
        <dt>帅哥</dt>
        <!-- 标题的定义 -->
        <dd>胡歌</dd>
        <dd>高</dd>
        <dd>帅</dd>

        <dt>美女</dt>
        <dd>女的</dd>
        <dd>漂亮</dd>
    </dl>

​

三.图像的输入

​ 图像的输入中

​ scr 是图片的源

​ alt 当图片不能正常被显示时，显示此属性的值

​ width 图片的宽度

​ height 图片的高度

​ width 和height 不同时设置。因为单独设置width或height属性图像会等比例改变

Demo

四.表单

​ 1.form表单，是数据提交的载体

​ action 数据提交的地址

​ method数据提交的方式，有get和post两种，默认为get方式提交

    Demo
   <form action="#" name="" id="form1" method="get">

​ 2.input输入框

​ value：输入框的值，默认是空串

​ name：元素名，常用标签都有此属性

​ id：元素唯一的标识

​ title：鼠标悬停后显示的内容

​ autofocus：自动获取焦点

​ placeholder：提示

​ required：设置必填

​ disabled：设置禁用

​ maxlength：设置限制长度

​ radio：设置单选按钮，checkbox设置多选按钮

​ file：设置选择文件

​ hidden：设置隐藏

​ type：

​ text：文本输入框

​ button\reset\submit 设置按钮

​ password：设置密码输入框

​ email：设置为邮箱，有简单的邮箱校验

​ date：日期输入框，time：时间输入框

​

        Demo
        用户名：<input type="text" value="" name="username" id="username"                 title="用户名" placeholder="请输入用户名" />
        密码：<input type="password" value="" name="password"/>
        邮箱：<input type="email" name="email" />
        生日: <input type="date" name="birthday" />
        <input type="time" name="time"/>
        <!--
        value 不显示，提交到后台
        name必须要写
        checked 设置默认勾选
        -->

​ 3.设置多选

          Demo
          籍贯: <select name="addr">
                <option>--- 甘肃 ---</option>
                <option selected>--- 陕西 ---</option>
                <option>--- 湖北 ---</option>
                <option>--- 湖南 ---</option>
            </select>

​ 4.多行文本，>

​ rows,设置行，cols设置列

        Demo
        <textarea rows="10" cols="40"></textarea>

​ 5.button按钮，默认是普通按钮，表单中默认是提交按钮

​ type属性中：

​ button 普通按钮，需要通过绑定事件来实现作用

​ reset 重置按钮，将元素重置为初始状态

​ submit 提交按钮，将表单中的数据提交

​ 也可以用input进行button按钮操作

​ Demo

​
​
​
​
​

五.心得

​ 2021.05.21今天是特别充实的一天，我感觉我在云创，两个小时写了学校相关课程一个学期的代码，剩下的几天加油干，做一个勇敢的打工人。

​

点赞