HTML5进阶段内联标签汇总（小篇）
导读：收集整理的这篇文章主要介绍了HTML5进阶段内联标签汇总（小篇），觉得挺不错的，现在分享给大家，也给大家做个参考。 内联元素，与别人公用一行，但是设置宽高无效。其特点：①和其他元素都在一行上 ②高，行高及外边距和内边距不可改变； ...
收集整理的这篇文章主要介绍了HTML5进阶段内联标签汇总（小篇），觉得挺不错的，现在分享给大家，也给大家做个参考。 内联元素，与别人公用一行，但是设置宽高无效。其特点：
①和其他元素都在一行上
②高，行高及外边距和内边距不可改变；
③宽度就是它的文字或图片的宽度，不可改变
④内联元素只能容纳文本或者其他内联元素
代码如下：
XML/HTML Code复制内容到剪贴板- !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>
以上所述是小编给大家介绍的HTML5进阶段内联标签汇总，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： HTML5进阶段内联标签汇总（小篇）
本文地址： https://pptw.com/jishu/585662.html