web前端-2-html行级元素、常用标签、表单标签
二、HTML常用的行级标签（行内元素）
不独占一行
有语义的行内元素
HTML链接 a标签
链接文本
target属性，定义被链接的文档在何处显示 _blank 新窗口打开
HTML图像
文本标签
- b标签 i标签 strong标签 em标签
无语义的行内元素
- span标签 配合css使用
三、常用的实体字符
><©
<html>
<head>
<meta charset="UTF-8">
<title>HTML常用的行级元素title>
head>
<body>
<a href="http://www.baidu.com">百度一下，你就知道a>
<a href="./复习.html" target="_blank">跳转到本地的文件(复习.html)a>
<img src="http://pic1.win4000.com/wallpaper/9/56fcd25dbb4a8.jpg" width="200px" height="200px" alt="这是图片标签" title="这是一张美女高清大图">
<br>
<b>src:b> 图片的地址(网络资源或者本地资源)<br>
<i>alt:i>用于图片加载失败的替代文字 (必须存在) <br>
<strong>titlestrong>:鼠标选题在图片上的提示信息(可写可不写) <br>
<em>width:em>设置图片的宽度 <br>
height:设置图片的高度 <br>
注意:一般我们只给图片宽度或者只设置高度,那高度或者宽度会等比例放大或者缩小 <br>
<span style="color:red">注意:span>一般我们只给图片宽度或者只设置高度,那高度或者宽度会等比例放大或者缩小 <br>
1>2 <br>
1>2 <br>
1<2 <br>
© <br>
注意: 一般我们只给图片宽度或者只设置高度,那高度或者宽度会等比例放大或者缩小
body>
html>
四、表单标签
表单是一个包含表单元素的区域。通过form来定义表单区域
通过type属性定义不同类型的表单控件
- text 普通文本输入框
- password 密码输入框
- radio 单选按钮
- checked 多选按钮
- select 下拉框
- file 文件上传选框
- textarea 文本域
- submit 提交按钮
- reset 重置按钮
- hidden 隐藏域，要和表单单一其提交的信息
常用属性：
name 属性：表单项名，用于存储内容值
value属性：输入的值
disabled属性：禁用属性
readonly属性：禁用属性
checked属性：选择框指定默认选项
placeholder：提示
注意：
form 有两个必须存在的属性 action提交地址 metchod提交方式
post:通过request body传参，参数不可见，参数没有大小限制
get:通url进行传参，参数可见，不安全，大小有限制，
如果表单中含有文件上传
method提交方式必须为post
form中必须有enctype属性
enctype="multipart/form-data"
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单标签title>
head>
<body>
<form action="" method="post" enctype="multipart/form-data">
用户名: <input type="text" name="username" value="" placeholder="请输入用户名"> <br>
密 码: <input type="password" name="password"> <br>
性别: <input type="radio" name="sex" value="1" checked> 男
<input type="radio" name="sex" value="0"> 女
<br>
爱好: <br>
<input type="checkbox" name="love[]" value="l" checked> 篮球 <br>
<input type="checkbox" name="love[]" value="z"> 足球 <br>
<input type="checkbox" name="love[]" value="p"> 品乓球 <br>
学历:
<select name="xl" >
<option value="0">小学option>
<option value="1">初中option>
<option value="2">高中option>
<option value="3">大学option>
select>
<br>
请选择上传文件: <input type="file" name="file">
<br>
请输入个人说明: <br>
<textarea name="text" id="">请输入个人信息textarea>
<br>
<input type="submit" value="确定" > <br>
<button>提交button>
<br>
<input type="reset" disabled>
<input type="hidden" name="id" value="0">
form>
body>
html>