一、补充:a标签
1.锚点定位:在a标签中可以通过链接实现定位功能,在“ ”中写#id表示要跳转的目标id,
在接收端需要在标签内写下相同id即可实现定位跳转
<a href="#jump">跳转</a>
<p id="jump">嘿嘿</p>
2.a标签还可以实现下载的功能,但是只能下载压缩文件
<a href="123.zip">点击下载</a>
3.我们可以通过在a标签中的链接的里填写本地或者网络图片的地址来实现图片预览的功能。
二、图像标签
1.<img> 标签有两个必需的属性:src 和 alt
2.<img> 标签是单标签,没有结束标签
3.alt属性保证那些文字确实为那些看不到图像的人提供了说明信息
4.src会发起网络请求:图片资源请求加载
5.当我们对图片进行高度和宽度修改时,只有高度的时候我们的宽度会等比缩小,同样只有宽度的时候高度也会等比缩小
<img src="./两只萌货.png" alt="图片加载失败" >
能正常加载的图片如下:
不能正常加载的图片:
三、特殊字符
转译字符:转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的原因有两个:第一个原因是像“<”和“>”这类符号已经用来表示HTML标签,因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号,就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严格遵守字母大小写的规则。第二个原因是,有些字符在ASCII字符集中没有定义,因此需要使用转义字符串来表示。
需要掌握的转译字符:
1.空格
空格:
2.大于符号
大于符号:>
3.小于符号
小于符号:<
这三个转译字符需要熟练掌握,其他的转译字符也应该要了解,需要使用的时候也能快速找到并使用。
四、表单标签和表单控件
1.表单标签
<form action="./02_图像标签.html" method="post">
表单标签的action属性设置提交的服务器地址,method 属性设置提交的方式 GET(默认值)或 POST。
1.1表单提交的时候,数据没有发送给服务器的三种情况:
1、表单项没有 name 属性值
2、单选、复选(下拉列表中的 option 标签)都需要添加 value 属性,以便发送给服务器
3、表单项不在提交的 form 标签中
1.2GET 请求的特点是:
1、浏览器地址栏中的地址是:action 属性[+?+请求参数] 请求参数的格式是:name=value&name=value
2、不安全
3、它有数据长度的限制
1.3POST 请求的特点是:
1、浏览器地址栏中只有 action 属性值
2、相对于 GET 请求要安全
3、理论上没有数据长度的限制
2.表单控件
1.文本输入框
我们输入的文字是可见的。
<input type="text" name="name">
2.密码输入框
密码框里输入的密码是不可见的。
<input type="password" name="pass">
3.按钮
value去给我们的按钮标签赋值
<input type="button" value="123">
4.文件提交
此时的文件提交是单文件提交
<input type="file">
5.图像按钮
当写在form表单内的时候我们的图像标签和提交