作者:cl357_475 | 来源:互联网 | 2023-09-23 20:28
br:标签换行,单个使用
h:标签标题字体,如:标题1,
标题2
p:标签段落元素,表示是一段段落内容
hr:标签在HTML页面中创建一条水平分割线,在HTML中
标签是单个出现的
块标签
div标签:标签块元素,表示一块内容,没有具体的语义
div标签可以把文档分割为独立的、不同的部分,可以用作严格的组织工具,并且不使用任何格式与其关联
span标签:行内元素,表示一行中的一小段内容,没有具体的语义
span没有固定的格式表现,当对它应用样式时,才会产生视觉上的变化
a:标签链接,如:百度
img:标签img元素向网页中嵌入一张图片,标签中有两个必需的属性:src和alt属性,如:,属性alt表示页面加载不出图片时,显示的文字
select:标签select元素可创建单选或多选菜单,也可以用于选择数据提交表单
option:标签option元素定义下拉列表中的一个选项(一个条目);
浏览器将
option元素位于select元素内部
含样式和语义的行内标签
:行内元素,字体斜体
:行内元素,语义为强调内容,表示重要(倾斜效果)
:行内元素,字体加粗
:行内元素,语义为强调内容,表示非常重要(效果加粗)
列表
有序列表
在网页上定义一个有编号的内容列表可以用
、- 配合使用实现,在网页上生成的列表,每条项目上会按1、2、3编号,有序列表在实际开发中较少使用
如:
- 列表文字一
- 列表文字二
- 列表文字三
无序列表
在网页上定义一个无编号的内容列表可以用
,- 配合使用实现,在网页上生成的列表,每条项目上会有一个小实点图标
如:
- 列表文字一
- 列表文字二
- 列表文字三
表格
table:标签定义HTML表格
简单的HTML表格由table元素以及一个或多个tr、th或td元素组成。tr元素定义表格行,th元素定义表头,td元素定义表格单元
HTML表单
1、form标签
form:标签用于用户创建HTML表单,表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等
form标签的属性:
action:定义表单数据提交地址
method:定义表单提交的方法(常见的有get和post)
form表单中包含的元素:
label:为表单元素定义文字标注
input:定义通用的表单元素
textarea:定义多行文本输入框
select:定义下拉表单元素
option:与select标签配合,定义下拉表单元素中的选项
input:定义输入的表单元素
type属性:
text:定义单行文本输入框
password:定义密码输入框
radio:定义单选框
checkbox:定义复选框
file:定义上传文件
submit:定义提交按钮
button:定义一个普通按钮
reset:定义重置按钮
image:定义图片作为提交按钮,用src属性定义图片地址
hidden:定义一个隐藏的表单域,用来存储值
内联框架
iframe元素会创建包含另一个文档的内联框架(即行内框架)
如:将登录页面的内容链接到当前页面
有更好的建议,欢迎留言啊~