20210521—张晨曦
日志
1. 知识总结
1.1标准的网页结构
包含整个页面
元素,是一个容量,包含在HTML中,但不显示内容,包括:关键字,页面描述,CSS样式,字符集声明等。
表示Utf-8字符集
< title > 网页标题
1.2 常见的标签
1.2.1 列表标签
1.2.1.1 有序列表:
------
可以将每一项进行编号,可以通过ol元素type属性更改类型。
type类型包括:"1" 表示数字
"A"或"a"表示英文字母
"I"或"i"表示罗马数字无序列表
1.2.1.2 无序列表:
------
可以将每一项进行编号,没有顺序,可以通过ul元素type属性更改类型。
type类型包括:"circle" 表示空心圆
"disc"表示实心圆
"square"表示方形
1.2.1.3 定义列表:
......
定义标题
标题的定义
eg:
1.3 table表格
tr 表格中的一行 td 表格中的单元格
table的属性:
border ——>表格的边框
width——>表格的宽度
注:单位都是像素(px)
tfooter——>表尾
cellspacing——>单元格间距
cellpadding——>边框和字体间距
合并单元格:
colspan="*"合并列,找到起始单元格TD,“”代表一个单元格占几行
rowspan 找到起始单元格,然后找到对应被删除的单元格
eg:
1.4 form表单(用于为用户输入创建,数据提交的载体)
1.4.1 action——>数据提交的地址
method——>数据提交的方式
text area——>多行文本框
input——>输入框
value——>输入框的值,默认是空串
name——>元素名,常用的标签都有此属性
id——>元素唯一标识,常用的标签都有此属性
title——>鼠标悬停后显示的内容,常用的标签都有此属性
autofocus——>自动获取焦点
placeholder:——>提示
required——>必填
注:属性=属性值,可省后面
readonly——>只读
disabled——>禁用
maxlength——>限制长度
1.4.2 type属性:
text——>文本输入框,默认值
button/reset/submit 按钮
type=password——>密码输入框
type=email——>邮箱有校验作用
date——>日期输入框
time——>时间输入框
check 默认选中
<!....多选按钮>默认方形
<下拉按钮>
1.4.3 超链接a
必须得有herf属性
../表示上一级目录
—blank 打开一个新的标签页
—self 本页面打开
—blank最外层页面打开
1.4.4 多媒体
scr 图片的源
alt 当图片不能被正常显示时,显示此属性的值。
weith 图片宽度
height 图片高度
注:一般weith和height 不同时设置,单独设置会改变图片比例
2. 心得体会
通过老师今天的讲解,对编程这方面产生了一点兴趣,收获颇丰,但是有些点依然比较难理解,没有牢固的掌握,但我会跟着老师的步伐好好利用这十一天,争取能多学习一些东西。
编程这门技术比较抽象,我们全班同学的基础较弱,希望老师在讲课方面速度慢点,让我们在脑子里有个存储的时间。
点赞