html的区块元素怎么用

发布时间:2021-02-26 09:29:47 作者:清风
来源:亿速云 阅读:150

这篇文章主要为大家展示了html的区块元素怎么用,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“html的区块元素怎么用”这篇文章吧。

html有什么特点

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。  3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

区块元素有很多,这里先介绍二个非常简单且常用的<div>和<span>

div:也叫块元素,没有任何样式,就是用来划分页面功能区的.

span: 也叫内联元素,同样也没有任何样式,通常用作标签内容的容器.

那么问题来了?

什么是块元素?自动占据一行,相当于在元素尾部添加了一个回车<br>,

特点是可以设置宽度,高度,所以非常适合于页面布局

什么是内联元素?内联元素全部在一行显示,一行显示不下会折行,所以也叫行内元素,因为它天生

就是用来展示网页内容的,所以不能设置宽度和高度,它的宽高由它内部的元素决定的,例如文本,

图像,表单控件等,当然,他也不需要设定宽高.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2.区块</title>
</head>
<body>
<div>
<span>今天是个好天气</span><img src="../images/10.png" height="200">
</div>
</body>
</html>

以上就是关于“html的区块元素怎么用”的内容,如果改文章对你有所帮助并觉得写得不错,劳请分享给你的好友一起学习新知识,若想了解更多相关知识内容,请多多关注亿速云行业资讯频道。

推荐阅读:
  1. HTML中的Object元素怎么用
  2. JS用getElementsByClassName获取HTML元素的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html html区块元素

上一篇:html表单的基本元素有哪些

下一篇:Html5百叶窗效果怎么实现

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》