您的位置：首页 > Web前端 > HTML5

HTML5进阶段内联标签汇总（小篇）

2016-07-13 17:10 537 查看

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

①和其他元素都在一行上

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

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

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

代码如下：

<!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进阶段内联标签汇总，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： HTML5 内联标签

相关文章推荐

新的分享

章节导航