javaEE001.03 HTML 标签02：重点标签（插入图片＜img src、超链接＜a 、表格＜table＞、表单＜form、默认值）

系列文章目录

前言

上一篇讲了HTML的常用标签
这一篇继续

一、重点标签

1、插入图片

前提：这张图片必须存在，
疑问：我们能不能直接画一张图片呢？答案是可以的，技术上是支持的，但是你能不能画出来就是另外一回事了，
从专业的角度上来讲想化成这个样子不是一个简单的样子，所以一般情况下，常用的方式还是ps一下或者处理一下，直接插入进来

	* 语法：<img src="路径" alt="路径有误时的提示文本" title="鼠标悬停时的提示文本">

路径写错了，alt="路径有误时的提示文本"这个就非常重要了


比如鼠标悬停，提示商品价格

	* 路径问题
		* 目标文件与当前文件在同包，直接查找目标文件
		* 目标文件与当前文件不在同包，先找目标文件的父包，再找目标文件。
			* 返回上一级：   ../

2、超链接

	* 语法：<a href="链接路径" target="链接以何种方式打开（_self|_blank）">文本</a>
	* eg:<a href=""><img src=""></a>

注意，标准写法是 target="_blank"跳转新的页面，但是如果你写成target=“2344”，也会跳转一个新的页面，除非写target="_self"就不会跳转，写一下调试一下就明白了

3、 表格

* 语法

|


* 跨行跨列
* 跨行：rowspan
* 跨列：colspan

	tr：行
	td：列

4、 表单

	* 语法
		<form action="表单提交路径" method="提交方式（get|post）">
			<input>
			<select>
				<option></option>
			</select>
		</form>

注意跟sql语句的区别 select from * Student

表单——登录

下面我们做一个登录的练习

为啥有些带数据，有些不带数据，因为name属性

[扩展]：get和post：get把参数包含在URL中，post通过request body传递参数
submit 提交

	* input标签中的属性
		type表单项的类型:text|password|radio|checkbox|reset|submit  
			file文件域
			hidden隐藏域
		name名称：无name，就无法提交该数据
		value值：text|password默认值，sumbit按钮的文本值
		checked: radio&checkbox:默认选中
		id:唯一

表单——提交（注册就是其中一种）

那么这个bug处理完，name值相同怎么体现它的值不同呢？





然后是下拉列表（下拉框）

下拉框也是比较特殊的
下拉框如果你没有设置value，提交的是你的文本值，建议加一个value

post提交数据是在报文中，所以post相对安全一些，比如用户名和密码，就不能用get，否则密码都被别人看到了

总结

1、需要注意<input type =“radio”……/>不一样的地方，一个是怎么组合、一个是怎么正确提交
2、：get和post：get把参数包含在URL中，表单提交方式默认提交是get，post提交数据是在报文中，参数不会包含在URL中
3、下拉框如果你没有设置value，提交的是你的文本值，建议加一个value
4、注意跨行是rowspan，跨列是colspan（是column的前面三个字母col 这样的简写而不是完整的columnspan）
5、注意有了name才会在地址栏显示，没有name属性就算你是get也不会在url里面显示，像提交按钮或者登录按钮这样的不携带数据的可以不设置name属性