2020.12.22 何晓娜

一、知识点的总结

1、常见的标签

(1) 有序列表

type属性用来指定有序序列类型

1表示序号的的使用阿拉伯数字

a/A使用小写/大写的英文字母做序号

i/I使用罗马数字表序列

(2) 无序列表

type表示前序号类型

square 方形; disc实心圆 默认值;circle 空心圆

(3)定义列表

<dl>
 <dt>标题</dt> 
 <dd>对标题的描述</dd> 
 </dl>

(4)表格

表格由

标签,每个表格由

标签定义;每行被分割为若干单元格由

标签定义

​ tr表示行

​ td表示列、单元格

​ border表格边框

​ width 宽度

​ cellspacing 单元格之间的距离

​ cellpadding 单元格内边距/内填充

​ colspan 合并列

​ rowspan 行合并

(5)表单

form表单:

input 输入框 type用来指定其类型 value用于指定其值 readonly 属性表示只读 disable 表示禁用

文本框:text

密码框: password

checked默认选中

单选或者多选框,通过名称将多个input绑定成一组

下拉列表:select、option

文本域:普通按钮 button, 提交按钮 submit, 重置按钮 reset(重置按钮并不是清除所有 )

<!-- 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="重置按钮" />

(6)音乐/视频

audio表示音频 src指定音频源

controls播放器控制按钮

autoplay 自动播放

chrome 浏览器

muted 静音

二、心得体会

今天又学习到了一些新的知识,听课效果感觉还是不错的,我了解了一些标签的列表及使用规则,掌握了一些基本的HTML语言的使用,完成了老师布置的小任务,尽管只做出来了了一小部分还是很开心的,毕竟是第一次接触。在课上跟着老师的节奏一步步自己动手操作,边学习边掌握老师讲的知识,觉得很简单顿时有点小骄傲了。明天继续努力吧。

标签

评论


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