MSI_0521姚群英

一.合并单元格

​ 1.合并列 colspan

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

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

共 2 位同学,1 男 1 女

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

标签

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