2020.12.22马秀

一.知识点总结

1.常见的标签

有序列表

type属性用来指定有序列表的序列类型
1 表示序号使用 阿拉伯数字 默认值
a/A 使用小写/大写 英文字母做序号
i/I 使用小写/大写 罗马数字

无序列表

type 列表前序号类型
square 方形
disc 实心圆 默认值
circle 圆

定义列表

</dl>定义列表/描述列表

2.表格

表格由<table>标签来定义

每个表格均有若干行(由<tr>标签定义),每行被分割为若干单元格(由<td>标签来定义)

3.表格标签

表格中 tr 表示行 td 表示列/单元格

border 表格边框

width 宽度

cellspacing 单元格之间的空隙

cellpadding 单元格内边距/内填充

th 标签中的内容 默认会加粗,居中显示

4.合并单元格

<colspan> 合并列

<rowspan> 合并行

5.表单

    <!-- input 输入框, type用来指定其类型
                value 用于指定其值 readonly 属性表示只读 disabled禁用
                required 必填  placeholder 默认提示文字
                -->
文本框:<input type="text" value="123" readonly="readonly" disabled="disabled"/>   <br />
            密码框:<input type="password" required="required" placeholder="请输入密码"/> <br />
            颜色:<input type="color" /> <br />
            <!-- 单选或者多选框,通过名称将多个input 绑定成一组 -->
            <!-- checked属性,默认选中 -->
            单选框:<input type="radio" name="gender"/>男
                    <input type="radio" name="gender" checked="checked"/>女
                    <br/>
            多选框:<input type="checkbox" name="hobby"/>看书
                    <input type="checkbox" name="hobby" />打游戏
                    <input type="checkbox" name="hobby" checked="checked" />写代码
                    <br />
            下拉列表:<select>
                        <!-- option 是每一个选项 -->
                        <option>青海省</option>
                        <option selected="selected">陕西省</option>
                        <option>山东省</option>
                    </select>   
                    <br/>
            文本域:<textarea cols="20" rows="5"></textarea>        
            <br/>
            <button type="button">普通按钮</button>
            <input type="button" value="普通按钮" />
            <br />
            <button type="submit">提交按钮</button>
            <input type="submit" value="提交按钮" />
            <br />
            <!-- 重置为初始状态,并不是清空 -->
            <button type="reset">重置按钮</button>
            <input type="reset" value="重置按钮" />
</form>

6.图片

src 属性用于定义图片的源

title 鼠标悬停显示的文字

alt 图片加载不出来,显示的文字
width/height 指定图片的宽/高,如果只指定一个 图片会等比例进行适应

7.音/视频

audio表示音频

src 指定音频源

controls播放器控制按钮
autoplay 自动播放

chrome浏览器在新的版本中禁用了网页自动播放
muted 静音

二. 心得体会

​ 实训第二天,相比于 第一天,今天学习的内容有一定的难度,内容也很杂,老师给了我们更多的时间练习,虽然有一定的难度,但是同学们学的都很认真,就是老师讲课速度和操作的速度太快了,有点跟不上,通过这次的实践,我们也学到了很多平常课本中学不到的知识,今天也是收获满满的一天。

标签

评论

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