HTML常用的行级标签
行内元素不独占一行
HTML链接 a标签
href属性是必须要的属性,target指定连接以何种方式打开,_blank用新窗口打开,默认是self原窗口打开。
<a href="链接" target="_blank">链接文本</a>
图像标签 img(是一个单标签,不需要闭合)
设置title属性,当鼠标指针放在图片上时,会显示title属性的值
图片标签一般只设置高度或者宽度,另一个尺寸会等比例缩放,如果两个尺寸都设置的话,图片会变形
<img src="图片地址(可以是网络地址,也可以是本体图片的路径)" alt="图片加载失败时显示的信息">
span 无语意的行级元素,一般配合CSS来使用
<span style="color:red">内容</span>
HTML中的的实体字符,当网页不能正常大小于号等字符的时候,可以使用实体字符显示
2>1 > 是大于号
2>1
1<2 < 是小于号
1<2
还有其他的实体字符,具体在使用的时候可以查阅
1 2 是空格
表单控件
常用的属性:
disabled:禁用属性
readonly:只读
placeholder=“提示的内容”:指定输入框中的提示信息
action:指定表单数据的提交地址
method:指定数据传输的方式,默认为GET方式
GET:通过URL地址传输数据,所有数据都会显示在URL地址栏中,相对来说不安全,而且也会有数据的大小限制
POST:不通过URL地址传参,相对来说安全,传输的数据没有大小限制,一般表单指定使用POST方式来传输
enctype:如果有文件上传则必须添加这个属性,属性值 "multipart/form-data" 用于上传的文件转码
<form action="#" method="GET" enctype="multipart/form-data">
//表单控件必须要填写name属性,作为数据的键
//value是设置表单内容的默认值,一般不设置,用来获取用户的输入
//type属性指定表单的类型(普通文本,密码框,复选单选框)
用户名:<input type="text" name="username">
<br>
密 码:<input type="password" name="password"> //password输入内容不可见
<br>
//一组单选框的name值必须相同,且必须有name和value属性,value作为发送的具体值
<input type="radio" name="gender" value="1"> 男
<input type="radio" name="gender" value="0"> 女
//多选框也必须指定name和value属性,同上
<input type="checkbox" name="love[]" value="z"> 足球
<input type="checkbox" name="love[]" value="l"> 篮球
//下拉框也要指定name和value属性值,option标签代表一个选项,必须配合使用
<select name="xl">
<option value="1">小学</option>
<option value="2">高中</option>
<option value="3">大学</option>
</select>
#### 提交按钮
<input type="submit" value="确定">
<button>确定</button>
#### 重置按钮,可以重置表单内输入的内容重新输入
<input type="reset">
#### 隐藏域, 不显示在页面上的内容,但是随表单一起提交到后代的数据
<input type="hidden" name="id" value="0">
</form>