一、知识点的总结
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语言的使用,完成了老师布置的小任务,尽管只做出来了了一小部分还是很开心的,毕竟是第一次接触。在课上跟着老师的节奏一步步自己动手操作,边学习边掌握老师讲的知识,觉得很简单顿时有点小骄傲了。明天继续努力吧。
:
|
评论留言