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详情

例子:

  • 无序列表种的元素
  • 无序列表种的元素
  • 无序列表种的元素
  • 无序列表种的元素
  1. 有序列表中的元素
  2. 有序列表中的元素
  3. 有序列表中的元素
  4. 有序列表中的元素

标题

详情

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详情例子:
  • 无序列表种的元素
  • 无序列表种的元素
  • 无序列表种的元素
  • 无序列表种的元素
  1. 有序列表中的元素
  2. 有序列表中的元素
  3. 有序列表中的元素
  4. 有序列表中的元素
标题
详情

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
简介: