一分钟学前端-02_HTML常用元素

zhezhongyun 2024-12-01 19:24 81 浏览

上一篇我们介绍了前端的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="https:///www.superwbs.com/superwbs-server/upload/6O95pvqNqC20XhGz9WfqFrC2.png" 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 简介

上一篇：Http基础知识学习总结-加油吧少年
下一篇：Web技术-深入了解HTML基础理论和应用

一分钟学前端-02_HTML常用元素

相关推荐

b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢

漏洞系列一一看我一招征服漏洞 SSRF

Web前端需要学什么?Web前端开发需要学习哪些?

接口测试遇到500报错?别慌，你的头部可能有点问题

前端Flex布局可视化布局工具介绍，vue和html5快速设计利器

「资讯」为强迫用户使用Edge浏览器，微软又出新招数

HTML 简介（html简介及优缺点）

HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端

现在页面实时聊天都使用Websocket技术实现吗?

关于HTML5被简称做H5，你怎么看?（html5缩写）