1:基本元素
p 标签的作用为使内容变为单独段落
hr 水平线
br 换行
div 纵向换行,单纯的换行
span 形成独立空间
2:超链接
超链接(超文本之间的互相链接)
href:跳转的资源路径
target:代表打开资源的方式,其值:_blank新窗口打开,_self(默认)本窗口,_parent父级窗口,_top顶级窗口,自定义窗口 后三个与iframe标签相关
a href=”https://www.bilibili.com/ ” target=”_blank”>从新页面跳转到哔哩哔哩 a>
例子:从新页面跳转到哔哩哔哩
3:图片
src:指定图片资源的路径,可以是相对路径也可以是绝对路径,一般用相对路径,相对路径的移植性强
alt:当图片没有显示出来时,所做的文字说明
width:图片的宽 图片的默认为原图片大小 宽和高设置的时候二选一,图片会进行等比例变化
height:图片的高
img src=”C:\Users\32252\Pictures\Saved Pictures/AJ11.jpg” 这里使用的是绝对路径
4:iframe嵌套页面
src 嵌套的网页地址
width 嵌套窗口的宽度
height 嵌套窗口的高度
frameborder 嵌套窗口边框
name 定义窗口名称
5:通用元素
通用属性(谁都可以加)
id:用于指定html元素的唯一标识,id不能重复
class:用于指定html元素的类别
style:用于设置元素的样式
例子:
张三
李四
王五
6:表格
border:边框
cellpadding:设置单元格填充
cellspacing:设置单元格间距
width:表格宽度
tr:行
width:表格行宽度
align:对齐方式(left right center)
td:普通单元格
width:表格单元格宽度
align:对齐方式
colspan:合并列 比如说将第三行第四列和第二行第四列合并,将第三行第四列设置为colspan=“2”,将第二行第四列删除(在同一行进行删除操作)
rowspan:合并行 在同一列进行删除操作
th:标题单元格(居中 加粗)
width:表格单元格宽度
align:对齐方式
col:列(col不参与表格的构建)
span合并列
thead(表头),tbody,tfoot(表尾):分类管理tr形成管理空间
例子:
周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | |
---|---|---|---|---|---|---|---|
第一节 | 大四自习 | 大四自习 | 上课 | 上课 | 大四自习 | 休息 | 上课 |
第二节 | 大四自习 | 大四自习 | 上课 | 上课 | 大四自习 | 上课 | |
第三节 | 大四自习 | 大四自习 | 上课 | 上课 | 大四自习 | 上课 | |
午休 | |||||||
第四节 | 上课 | 大四自习 | 上课 | 上课 | 上课 | 上课 | |
第五节 | 上课 | 大四自习 | 上课 | 上课 | 上课 | 上课 | |
第六节 | 上课 | 大四自习 | 上课 | 上课 | 上课 | 上课 | |
第七节 | 上课 | 大四自习 | 上课 | 上课 | 上课 | 上课 | |
晚饭 | |||||||
第八节 | 大四自习 | 大四自习 | 大四自习 | 上课 | 上课 | 上课 | |
第九节 | 大四自习 | 大四自习 | 大四自习 | 上课 | 上课 | 上课 | |
第十节 | 大四自习 | 大四自习 | |||||
每节课五十分钟,中间十分钟休息;第一节课上午九点开始,晚上七点第九节课,午休两个小时,自习时间 均有作业,大三同学有课冲突的话由老师补课,一周内补课完毕。其余时间大三没课同学过来跟大四自习时间一起做作业 |
7:列表
无序列表 ul
子元素 li
有序列表 ol
start:设置开始值
type:技术类型(默认阿拉伯数字,i小写希腊数字,I大写希腊数字,a英文字母)
子元素 li
详情列表 dl
子元素 dt标题 dd详情
例子:
- 无序列表种的元素
- 无序列表种的元素
- 无序列表种的元素
- 无序列表种的元素
- 有序列表中的元素
- 有序列表中的元素
- 有序列表中的元素
- 有序列表中的元素
标题
详情
8:input
type:range | number
min:最小值
max:最大值
step:步长值
表单控件的通用属性
value:默认值
readonly:只读(只能看不能改)
disabled:失效
placeholder:提示信息
type:checkbox | radio
checked:选中
input 配套的说明标签 label
label上的for跟input上的id属性一致,可以达到联动效果
type:select下拉框
multiple:多选
size:显示的选项数
子元素option
optgroup元素的作用是将option分组
label:代表组名
type:textarea 多行文本域
rows:设置多行文本框的高
cols:设置多行文本框的宽
audio音频元素
src:音频播放路径
controls:是否显示播放器
autoplay:是否自动播放音频
loop:是否循环播放
video 视频元素
src:视频播放路径
controls:是否显示播放器
autoplay:是否自动播放视频
loop:是否循环播放
例子:
姓名:
密码:
性别:男女
爱好:球鞋骑车滑雪看电视剧
头像:
颜色:
日期:
时间:
周数:
年龄:
音量:
鞋型:AJ1AJ4AJ11AJ23AJ34AJ2AJ8AJ10AJ35
简介:
Document 1:基本元素
p 标签的作用为使内容变为单独段落hr 水平线br 换行div 纵向换行,单纯的换行span 形成独立空间2:超链接
超链接(超文本之间的互相链接)href:跳转的资源路径target:代表打开资源的方式,其值:_blank新窗口打开,_self(默认)本窗口,_parent父级窗口,_top顶级窗口,自定义窗口 后三个与iframe标签相关a href="https://www.bilibili.com/ " target="_blank">从新页面跳转到哔哩哔哩 a>例子:从新页面跳转到哔哩哔哩3:图片
src:指定图片资源的路径,可以是相对路径也可以是绝对路径,一般用相对路径,相对路径的移植性强alt:当图片没有显示出来时,所做的文字说明width:图片的宽 图片的默认为原图片大小 宽和高设置的时候二选一,图片会进行等比例变化height:图片的高img src="C:\Users\32252\Pictures\Saved Pictures/AJ11.jpg" 这里使用的是绝对路径4:iframe嵌套页面
src 嵌套的网页地址width 嵌套窗口的宽度height 嵌套窗口的高度frameborder 嵌套窗口边框name 定义窗口名称 淘宝5:通用元素
通用属性(谁都可以加)id:用于指定html元素的唯一标识,id不能重复class:用于指定html元素的类别style:用于设置元素的样式例子:张三李四王五6:表格
border:边框cellpadding:设置单元格填充cellspacing:设置单元格间距width:表格宽度tr:行
width:表格行宽度align:对齐方式(left right center)td:普通单元格
width:表格单元格宽度align:对齐方式colspan:合并列 比如说将第三行第四列和第二行第四列合并,将第三行第四列设置为colspan=“2”,将第二行第四列删除(在同一行进行删除操作)rowspan:合并行 在同一列进行删除操作th:标题单元格(居中 加粗)
width:表格单元格宽度align:对齐方式col:列(col不参与表格的构建)
span合并列thead(表头),tbody,tfoot(表尾):分类管理tr形成管理空间
例子:
周一 周二 周三 周四 周五 周六 周日 第一节 大四自习 大四自习 上课 上课 大四自习 休息 上课 第二节 大四自习 大四自习 上课 上课 大四自习 上课 第三节 大四自习 大四自习 上课 上课 大四自习 上课 午休 第四节 上课 大四自习 上课 上课 上课 上课 第五节 上课 大四自习 上课 上课 上课 上课 第六节 上课 大四自习 上课 上课 上课 上课 第七节 上课 大四自习 上课 上课 上课 上课 晚饭 第八节 大四自习 大四自习 大四自习 上课 上课 上课 第九节 大四自习 大四自习 大四自习 上课 上课 上课 第十节 大四自习 大四自习 每节课五十分钟,中间十分钟休息;第一节课上午九点开始,晚上七点第九节课,午休两个小时,自习时间
均有作业,大三同学有课冲突的话由老师补课,一周内补课完毕。其余时间大三没课同学过来跟大四自习时间一起做作业
7:列表
无序列表 ul
子元素 li有序列表 ol
start:设置开始值type:技术类型(默认阿拉伯数字,i小写希腊数字,I大写希腊数字,a英文字母)子元素 li详情列表 dl
子元素 dt标题 dd详情例子:
- 无序列表种的元素
- 无序列表种的元素
- 无序列表种的元素
- 无序列表种的元素
- 有序列表中的元素
- 有序列表中的元素
- 有序列表中的元素
- 有序列表中的元素
- 标题
- 详情
8:input
type:range | number
min:最小值
max:最大值
step:步长值
表单控件的通用属性
value:默认值
readonly:只读(只能看不能改)
disabled:失效
placeholder:提示信息
type:checkbox | radio
checked:选中
input 配套的说明标签 label
label上的for跟input上的id属性一致,可以达到联动效果
type:select下拉框
multiple:多选
size:显示的选项数
子元素option
optgroup元素的作用是将option分组
label:代表组名
type:textarea 多行文本域
rows:设置多行文本框的高
cols:设置多行文本框的宽
audio音频元素
src:音频播放路径
controls:是否显示播放器
autoplay:是否自动播放音频
loop:是否循环播放
video 视频元素
src:视频播放路径
controls:是否显示播放器
autoplay:是否自动播放视频
loop:是否循环播放例子:
姓名:
密码:
性别:
爱好:球鞋骑车滑雪看电视剧
头像:
颜色:
日期:
时间:
周数:
年龄:
音量:
鞋型:AJ1AJ4AJ11AJ23AJ34AJ2AJ8AJ10AJ35
简介: