html中有哪些行内块状级元素

这篇文章将为大家详细讲解有关html中有哪些行内块状级元素，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、小程序设计、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了泸水免费建站欢迎大家使用！

html行内块状级元素有：1、“”，定义按钮；2、“”，定义输入字段；3、“”；4、“<select>”；5、“<img>”；6、“<td>”；7、“<th>”；8、“<object>”等。</p></blockquote><p>本教程操作环境：windows7系统、HTML5版、Dell G3电脑。</p><p><strong>行内块状级元素 inline-block</strong></p><p>行内块级元素，它既具有块级元素的特点，也有行内元素的特点，它可以自由设置元素宽度和高度，也可以在一行中放置多个行内块级元素。比如：input、img就是行内块级元素，它可设置高宽以及一行多个。 具体特点如下：</p><ul><li><p>高度、行高、外边距以及内边距都可以控制；</p></li><li><p>默认宽度就是它本身内容的宽度，不独占一行，但是之间会有空白缝隙，设置它上一级的 font-size 为 0，才会消除间隙；</p></li></ul><p><strong>行内块状级元素有哪些？</strong></p><ul><li><p><code><button></code> ：定义一个按钮</p></li><li><p><code><input></code>   ：规定了用户可以在其中输入数据的输入字段。该元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。</p></li><li><p><code><textarea></code> ：定义一个多行的文本输入控件。文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。</p></li><li><p><code><select></code> ：创建下拉列表。</p></li><li><p><code><img></code>：定义 HTML 页面中的图像</p></li><li><p><code><td></code>：定义 HTML 表格中的标准单元格</p></li><li><p><code><th></code>：定义 HTML 表格中表头单元</p></li><li><p><code><object></code></p></li></ul><p>关于“html中有哪些行内块状级元素”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。</p> <br> 本文题目：html中有哪些行内块状级元素 <br> 转载来于：<a href="http://cdkjz.cn/article/igigoi.html">http://cdkjz.cn/article/igigoi.html</a> </div> <div class="g-return-wrapper clearfix"> <a href="http://www.cdkjz.cn/" class="home">返回首页</a> <a href="http://www.cdkjz.cn/news/" class="column">了解更多建站资讯</a> </div> </div> </div> <div class="full-related-news"> <h3 class="related-title">相关资讯</h3> <div class="related-news weblg"> <ul class="clearfix"> <li> <a href="/article/ddpdheo.html"> <h2 class="title">java登录验证界面代码 java编写验证码登录页面</h2> </a> </li><li> <a href="/article/ddpdhip.html"> <h2 class="title">帝国cms评分功能 帝国cms评分功能分析</h2> </a> </li><li> <a href="/article/ddpdhdi.html"> <h2 class="title">java锯齿数组代码 java数组工具</h2> </a> </li><li> <a href="/article/ddpdhec.html"> <h2 class="title">java代码结构组成 java代码的结构</h2> </a> </li><li> <a href="/article/ddpdhei.html"> <h2 class="title">zblog怎样建商城 zblog手机端</h2> </a> </li><li> <a href="/article/ddpdhii.html"> <h2 class="title">c语言加法器的函数定义 c语音加法代码</h2> </a> </li><li> <a href="/article/ddpdhcj.html"> <h2 class="title">腾讯云服务器未成年能玩吗 腾讯云服务器未成年能玩吗</h2> </a> </li><li> <a href="/article/ddpdhsp.html"> <h2 class="title">go语言动态属性 golang 动态定义结构体</h2> </a> </li> </ul> </div> </div> <div class="full-icontact-cover m-ft-contact"> <div class="weblg"> <div class="clearfix content"> <div class="motto"> 多年建站经验 </div> <div class="info"> <h3>多一份参考，总有益处</h3> <h2> 联系快上网，免费获得专属《策划方案》及报价</h2> <div class="msg"> <p>咨询相关问题或预约面谈，可以通过以下方式与我们联系</p> <h4> 大客户专线   成都：<a href="tel:+13518219792" rel="nofollow">13518219792</a>   座机：<a href="tel:02886922220" rel="nofollow">028-86922220</a> </h4> </div> </div> </div> <div class="btns clearfix"> <a href="https://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank" rel="nofollow" class="oline">在线咨询</a> <a href="javascript:;" class="edit" rel="nofollow">提交需求</a> </div> </div> </div> <div class="footer-content"> <div class="weblg clearfix"> <div class="friend-links"> <h6 class="clearfix"> <span class="tilte">友情链接</span> <a class="exchagne" href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes">交换友情链接</a> </h6> <div class="link-list clearfix"> <div class="link-slider"> <a href="https://www.cdcxhl.com/shoulu/" title="网站收录" target="_blank">网站收录</a><a href="https://www.cdxwcx.com/city/jiangyou/" title="江油网站建设" target="_blank">江油网站建设</a><a href="http://m.cdxwcx.com/weixin.html" title="成都微信公众号开发" target="_blank">成都微信公众号开发</a><a href="http://www.scghjhjc.cn/" title="广汉锦华" target="_blank">广汉锦华</a><a href="http://chengdu.cdcxhl.cn/jianshe/" title="网站建设公司" target="_blank">网站建设公司</a><a href="http://www.dzwzjz.com/" title="达州网站制作" target="_blank">达州网站制作</a><a href="http://www.cqcxhl.com/miniprogram/" title="小程序开发" target="_blank">小程序开发</a><a href="http://www.deitiao.cn/" title="升施印刷" target="_blank">升施印刷</a><a href="http://www.kswsj.cn/tuiguang/" title="网站SEO优化排名" target="_blank">网站SEO优化排名</a><a href="http://www.scjxjsjy.com/" title="开元建筑" target="_blank">开元建筑</a> </div> </div> </div> </div> <div class="full-foot-bottom"> <div class="weblg clearfix"> <p>成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询<a href="tel:028-86922220">028-86922220</a></p> <p> 成都快上网科技有限公司-四川网站建设设计公司 | <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">蜀ICP备19037934号</a> Copyright 2020,ALL Rights Reserved cdkjz.cn | <a href="http://www.cdkjz.cn/" target="_blank">成都网站建设</a> | © Copyright 2020版权所有.</p> <p>专家团队为您提供<a href="http://www.cdkjz.cn/" target="_blank">成都网站建设</a>,<a href="http://www.cdkjz.cn/" target="_blank">成都网站设计</a>,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | <a href="###">网站建设地图</a></p> </div> </div> </div> <script type="text/javascript" src="../js/idangerous.swiper.min.js"></script> <script type="text/javascript" src="../js/wow.min.js"></script> <script type="text/javascript" src="../js/jquery.mousewheel.min.js"></script> <script type="text/javascript" src="../js/jquery.placeholder.min.js"></script> <script type="text/javascript" src="../js/layout.js"></script> </body> </html> <script> $(".singlepage img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>