菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育
标题:
王嘉乐-2022.10.11 前段预科
[打印本页]
作者:
yousay!
时间:
2022-10-12 00:27
标题:
王嘉乐-2022.10.11 前段预科
一、今日学习内容
1.表格标签:-1:
必须要在table标签中,tr代表表格的行,td代表每行的具体数据
-2:
<table></table>来定义表格
-3:
<tr></tr>标签用于定义表格的行(table row),必须要放在table标签中
-4:
<td></td>标签用于定义表格中的单元格,必须嵌套在tr标签中
-5:
<th></th>用于定义表格中的表头内容,表头内容会加粗显示并且居中对齐
属性:-1:
thead和tbody标签是为了更清楚的区分表头和表内容的两个标签,thead代表表头部分,tbody代表内容部分
-2:t
head和tbody中仍然要写tr标签
2.列表标签:-1.有序列表:
使用<ol></ol>标签来定义的,内部使用<li></li>标签,
<li></li>标签内相当于一个容器,可以容纳所有的元素
-2.无序列表:
并列
<ul></ul>标签
前方有圆点
后期可以通过CSS来进行样式调整
-3.自定义列表:
使用场景
:
页面的底部
<dl></dl>标签
<dt></dt>标签:
列表项的名词
<dd></dd>标签:
名词解释
一个<dt></dt>来对应多个<dd></dd>
3.表单标签:-1.表单域:
一个包含表单元素的区域
表单域用<form></form>来进行声明
表单域属性:
表单控件:
input 输入表单元素
type属性及其属性值
其他属性:
1、checked属性主要是针对与单选按钮和复选框的,页面首次加载时,会默认选中指定元素
2、maxlength,用户可以在表单元素中输入的最大字符数,一般使用较少
3、name表单元素,一般还使用在单选按钮和复选框部分,来保证单选按钮和复选框的一致性。
4.lable标签:
增加单选按钮或者复选框的可点击范围来增加用户的使用体验
5.select标签:
至少得包含一对<option>
2、在<option>标签中来定义selected="selected",可以把当前项设置为默认选项
6.
<textarea>文本域
使用场景一般在留言板,评论区
7.
查阅文档的网站
百度、W3C、菜鸟教程、MDN(重要)
二、今日遇到问题
1.做表格时候出现双线
2.写作业时候第一个作业蓝色文字与要求不符合
3.在实践的时候发现反应会慢,知识存在了解性记忆,实践动手反馈能力不足。
三、解决方案
1.向马老师提问:在css里面可以解决,暂且不用理睬。
2.反复尝试,发现是像素问题。
3.反复尝试练习,把自己能想到的问题都去尽力尝试通过代码实现,通过代码实践去记忆所学效果更好。
欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)
Powered by Discuz! X3.4