1:iframe
在html文件中开辟一个区域,可以单独显示另一个html文件
src= "URL" -------html文件访问路径
height 和 width 属性----定义iframe标签的高度与宽度。
frameborder 属性用于定义iframe表示是否显示边框。
<h4>iframe---在html文件中开辟一个区域,可以单独显示另一个html文件</h4>
<h4>src="URL"----另一个html文件访问路径</h4>
<h4>height 和 width 属性----定义iframe标签的高度与宽度。</h4>
<h4>frameborder 属性用于定义iframe表示是否显示边框。</h4>
<iframe src="test.html" width="500px" height="300px" frameborder="no"></iframe>
</body>
</html>b
使用iframe来显示目标链接页面
1.<a>标提供target属性为iframe的name属性值
2、为iframe设置name属性值
2.div---层3.span
在html中开辟一块空白表区域,可以包含其他的html元素显示
因此<div>是一个容器元素。
与css结合使用可以制作页面布局
前后自动换行---块级元素
3.span
span---没有实际的含义[辅助],与css一起可以改变某一段文本内容中的一部分
行内元素---在一行不会自动换行【img】
区块元素与内联元素[行内元素]的区别?
Html中的元素有两大类区块元素与内联元素[行内元素];
块级元素在浏览器显示时,通常会以新行来开始(和结束)。常见的:<h1>, <p>, <ul>, <table>,<div>
内联元素在显示时通常不会以新行开始。常见的:<b>, <td>, <a>, <img>,<span>
4.字符实体---特殊符号
html的标记都是用小于号和大于号加上字母组成的,如果需要显示一个html标记的文本描述,
就需要使用字符实体<br>
<html></html>
<h4>显示html文件结构</h4>
<!DOCTYPE html><br>
<html><br>
<head><br>
<meta charset="utf-8"><br>
<title>字符实体>/title><br>
< /head ><br>
<body ><br>
</body ><br>
</html ><br>
</body>
</html>
5.HTML 表单和表单元素
表单<form>----收集信息,提交发送给后端处理程序处理
登陆--用户名/密码--登录按钮--发送给后端处理程序处理
<form>表单的属性action---设置后端处理程序的访问地址
<form>表单的属性method---设置表单信息的提交方式。get/post
get---将表单信息跟随在后端处理程序访问地址的后面明码发送。
GET有数据量限制255个字符
文件上传时不使用GET方式
例如:login?username=zhangsan&password=123456
post---将表单信息封装在http协议中提交给后端处理程序,用户看不见。
POST没有数据量限制
文件上传时使用post方式
<form>表单的属性enctype----将表单数据发送到后台处理程序之前如何对其进行编码
application/x-www-form-urlencoded:在发送前对所有字符进行编码
(将空格转换为 "+" 符号,特殊字符转换为 ASCII HEX 值)
multipart/form-data:不对字符编码
当使用有文件上传控件的表单时,该值是必需的。
text/plain:在发送前进行编码[将空格转换为 "+" 符号,但不编码特殊字符]
注意:文件上传时使用POST方式,且设置enctype为multipart/form-data,包含 <input name="wenjiankuang" type="file"/>
表单元素
1.不一定需要放在表单中,在需要提交给后端处理程序是要放在表单中。
2.我们将表单元素分成2大类【1.input类型的表单元素 2.非input类型的表单元素】