您的当前位置：首页 H5的进阶段内联标签

H5的进阶段内联标签

来源：纷纭教育

这次给大家带来H5的进阶段内联标签，怎么使用H5的进阶段内联标签？使用H5的进阶段内联标签的注意事项有哪些，下面就是实战案例，一起来看一下。

内联元素，与别人公用一行，但是设置宽高无效。其特点：

①和其他元素都在一行上

②高，行高及外边距和内边距不可改变；

③宽度就是它的文字或图片的宽度，不可改变

④内联元素只能容纳文本或者其他内联元素

代码如下：

<!doctype html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>标签基础2</title> 
</head> 
<body> 
 <!-- 内联元素 与别人公用一行 但是设置宽高无效 --> 
 <!-- 无语义 --> 
 <span>无语义</span> 
 <!-- 图片 alt图片加载失败显示--> 
 <img src="d" alt="加载失败"> 
 <!-- 超链接 --> 
 <a href="http://www.baidu.com">跳转</a> 
 <!-- 斜体强调 --> 
 <var>斜体强调作用</var> 
 <!-- em和i经常用于制作小图标 --> 
 <em>斜体强调作用</em> 
 <i>斜体强调作用</i> 
 <!-- 加粗强调 --> 
 <strong>加粗强调</strong> 
 <!-- 表单 提交数据--> 
 <form action=""> 
 <!-- 输入框 --> 
 <input type="text"> 
 <!-- 密码输入框 --> 
 <input type="password"> 
 <!-- 按钮 --> 
 <input type="button" value="按钮"> 
 <!-- 提交表单 --> 
 <input type="submit" value="提交表单"> 
 <!-- 日期 年月日--> 
 <input type="date"> 
 <!-- 日期 年周 --> 
 <input type="week"> 
 <!-- 日期 年月 --> 
 <input type="month"> 
 <!-- 日期 当前时间 --> 
 <input type="time"> 
 <!-- 选择文件 --> 
 <input type="file" value="打开文件"> 
 <!-- 只能输入数字 --> 
 <input type="number"> 
 <!-- 颜色选择器 --> 
 <input type="color"> 
 <!-- 重置 --> 
 <input type="reset"> 
 <!-- 复选框 --> 
 <input type="checkbox">我爱你 
 <input type="checkbox">你爱我 
 <!-- 单选框 name 同名字为一组--> 
 <input type="radio" name="sex" checked="checked">男 
 <input type="radio" name="sex">女 
 </form> 
 <!-- 多行文本 cols宽度 rows高度 --> 
 <textarea name="" id="" cols="30" rows="10"></textarea> 
 <!-- 选择列表 默认第一个选项的值为初始值--> 
 <select name="" id=""> 
 <option value="">选项1</option> 
 <option value="">选项2</option> 
 <option value="">选项3</option> 
 </select> 
</body> 
</html>

相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！