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>
    

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

相关阅读：

H5怎么做出拖拽效果

关于老版本的浏览器不兼容H5和C3的处理方法

H5中怎样使用postMessage实现两个网页间传递数据

以上就是H5的进阶段内联标签的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！