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

code • 2022-4-14 • html-js-css • 阅读 43

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

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

其特点：

①和其他元素都在一行上

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

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

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

代码如下：

XML/HTML Code复制内容到剪贴板

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标签基础2</title>
</head>
<body>
<span>无语义</span>
<img src="d" alt="加载失败">
<a href="http://www.baidu.com">跳转</a>
<var>斜体强调作用</var>
<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">你爱我
<input type="radio" name="sex" checked="checked">男
<input type="radio" name="sex">女
</form>
<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进阶段内联标签汇总，如果大家有任何疑问请给我留言，小编会及时回复大家的。

在此也非常感谢大家对脚本之家网站的支持!

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/613329.html

html5 内联标签

打赏

微信扫一扫

支付宝扫一扫

code 管理员组

HTML块级标签汇总（小篇）

上一篇 2022-04-14

关于HTML5语义标签的实践

下一篇 2022-04-14

发表评论

登录后才能评论

评论列表（0条）