前言:
目前姐妹们对“html元素大全”可能比较关心,看官们都需要学习一些“html元素大全”的相关知识。那么小编同时在网摘上搜集了一些关于“html元素大全””的相关文章,希望兄弟们能喜欢,同学们快快来学习一下吧!上一篇我们介绍了前端的HTML认识。
今天我们来聊聊,html的一些常用元素:
前端开发中,有很多个元素,我们挑一些使用频率最高,使用次数最多的元素,跟大家分享一下。
div元素:通常用来对页面布局搭建及元素分组的一个块元素
<div class="layout-wrap"> <div class="top"> 顶部 </div> <div class="left"> 左侧 </div> <div class="right"> <div class="right-top">右侧顶部</div> <div class="right-bottom">右侧底部</div> </div> </div>
上述代码,再加上css样式即可搭建出自己想要的布局:
p元素:段落标签,用来展示一段文本
<p>人生就像一场单程的旅行,即使有些遗憾,我们也没有从头再来的机会,与其纠结无法改变的过去不如微笑着珍惜未来。因为生活,没有如果</p>
span元素:组合文本的行内元素,用来组合的行内元素
<p><span>人生</span>就像一场单程的旅行,即使有些遗憾,我们也<span>没有从头再来的机会</span>,与其纠结无法改变的过去不如微笑着<span>珍惜未来</span>。因为生活,没有如果</p>
img元素:图片元素,用于在页面中展示图片
<img src="; alt="" srcset="">
input元素:简单的表单元素,标签用于搜集用户信息
<input type="text" placeholder="用户名"> <input type="password" placeholder="密码"> <input type="button" value="提交">
table元素:简单的表格元素,用来展示表格
<table border="1" width="100%"> <tr> <th>姓名</th> <th>性别</th> </tr> <tr> <td>小成</td> <td>男</td> </tr> </table>
(本期完)
小成讲前端---本系列将隔天不定时更新
欢迎点赞,关注我!!
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #html元素大全