HTML5进阶段内联标签汇总(小篇)

果然,过了一会儿,在那个地方出现了太阳的小半边脸,红是红得很,却没有亮光。太阳像负着什么重担似的,慢慢儿,一纵一纵地,使劲儿向上升。

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

①和其他元素都在一行上

 ②高,行高及外边距和内边距不可改变;

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

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

代码如下:

XML/HTML Code复制内容到剪贴板
  1. <!doctypehtml>
  2. <htmllang="en">
  3. <head>
  4. <metacharset="UTF-8">
  5. <title>标签基础2</title>
  6. </head>
  7. <body>
  8. <!--内联元素与别人公用一行但是设置宽高无效-->
  9. <!--无语义-->
  10. <span>无语义</span>
  11. <!--图片alt图片加载失败显示-->
  12. <imgsrc="d"alt="加载失败">
  13. <!--超链接-->
  14. <arel="nofollow noopener noreferrer" href="http://www.baidu.com">跳转</a>
  15. <!--斜体强调-->
  16. <var>斜体强调作用</var>
  17. <!--em和i经常用于制作小图标-->
  18. <em>斜体强调作用</em>
  19. <i>斜体强调作用</i>
  20. <!--加粗强调-->
  21. <strong>加粗强调</strong>
  22. <!--表单提交数据-->
  23. <formaction="">
  24. <!--输入框-->
  25. <inputtype="text">
  26. <!--密码输入框-->
  27. <inputtype="password">
  28. <!--按钮-->
  29. <inputtype="button"value="按钮">
  30. <!--提交表单-->
  31. <inputtype="submit"value="提交表单">
  32. <!--日期年月日-->
  33. <inputtype="date">
  34. <!--日期年周-->
  35. <inputtype="week">
  36. <!--日期年月-->
  37. <inputtype="month">
  38. <!--日期当前时间-->
  39. <inputtype="time">
  40. <!--选择文件-->
  41. <inputtype="file"value="打开文件">
  42. <!--只能输入数字-->
  43. <inputtype="number">
  44. <!--颜色选择器-->
  45. <inputtype="color">
  46. <!--重置-->
  47. <inputtype="reset">
  48. <!--复选框-->
  49. <inputtype="checkbox">我爱你
  50. <inputtype="checkbox">你爱我
  51. <!--单选框name同名字为一组-->
  52. <inputtype="radio"name="sex"checked="checked">男
  53. <inputtype="radio"name="sex">女
  54. </form>
  55. <!--多行文本cols宽度rows高度-->
  56. <textareaname=""id=""cols="30"rows="10"></textarea>
  57. <!--选择列表默认第一个选项的值为初始值-->
  58. <selectname=""id="">
  59. <optionvalue="">选项1</option>
  60. <optionvalue="">选项2</option>
  61. <optionvalue="">选项3</option>
  62. </select>
  63. </body>
  64. </html>

以上所述是小编给大家介绍的HTML5进阶段内联标签汇总,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

到此这篇关于HTML5进阶段内联标签汇总(小篇)就介绍到这了。成功者绝不放弃,放弃者绝不会成功。更多相关HTML5进阶段内联标签汇总(小篇)内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!