块元素:在浏览器中独占一行的元素
div:单纯的独占一行
h1~h6:通常用来设置内容标题的(会加粗和字体的放大)
-p:通常用来设置段落内容的(每一个p标签之间会有一行空格,相当于段落换行)行内元素:
input:(可以是输入框,选项框,文件上传等等...)
span:单纯的行内元素(通常用来设置比较短的内容或者特殊的图标等)
-img:用来设置图片的标签
br:换行标签
:相当于是一个空格键
href属性:表示要跳转的页面的路径
href="#":表示补全语法以及回到页面的顶部
target属性:表示页面跳转的时候,是否新建一个浏览器窗口
-target="_blank":会新建一个浏览器窗口打开跳转页面
-target="_self":会在当前浏览器窗口打开跳转页面
input标签:
type属性:
-type="text":表示输入框(不写默认就是text)
-placeholder属性:表示输入框的背景提示
-type="button":表示按钮
-type="radio":表示的是单选
-type="checkbox":表示的是多选
下面的几个属性都和表单有关系:form表单
-type="file":上传文件
-type="submit":提交按钮
-type="reset":重置按钮
form表单:form表单就是用来将前端输入框中填写的数据提交到后台(java代码)的
注意:通常是和value连用的,value属性用来设置输入框或者按钮中的值
form表单:
action属性:表示表单提交数据的路径
method属性:表示表单提交的方式
-get提交:
-不安全(会将input组件中的数据在浏览器地址上直接显示)
-提交的数据量较小(4kb左右)
-post提交:
-安全
-提交的数据量较大(2-4M左右)
列表:
ul:无序列表
ol:有序列表
通常情况下是和li标签连用的