惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Last Week in AI
Last Week in AI
阮一峰的网络日志
阮一峰的网络日志
P
Proofpoint News Feed
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
MongoDB | Blog
MongoDB | Blog
云风的 BLOG
云风的 BLOG
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
J
Java Code Geeks
WordPress大学
WordPress大学
T
The Blog of Author Tim Ferriss
V
Visual Studio Blog
小众软件
小众软件
Microsoft Azure Blog
Microsoft Azure Blog
博客园_首页
IT之家
IT之家
Vercel News
Vercel News
C
Check Point Blog
Google DeepMind News
Google DeepMind News
月光博客
月光博客
D
DataBreaches.Net
酷 壳 – CoolShell
酷 壳 – CoolShell
美团技术团队
Y
Y Combinator Blog
Hugging Face - Blog
Hugging Face - Blog

噜啦 - 前端笔记本

表单:selet - 噜啦 表单:selet - 噜啦 表单: textarea button - 噜啦 表单: textarea button - 噜啦 input 其他相关属性 - 噜啦 input 其他相关属性 - 噜啦 input 标签 - 噜啦 input 标签 - 噜啦 表单相关属性 - 噜啦 表单相关属性 - 噜啦 表单 - 噜啦 表单 - 噜啦 表格 练习 —— 课程表 - 噜啦 表格 练习 —— 课程表 - 噜啦 垂直合并单元格 rowspan - 噜啦 垂直合并单元格 rowspan - 噜啦 水平合并单元格 - 噜啦 水平合并单元格 - 噜啦 表格:结构、相关属性 - 噜啦
表格:结构、相关属性 - 噜啦
博主: 噜啦 · 2019-07-05 · via 噜啦 - 前端笔记本

表格:结构、相关属性

  • 发布时间:
  • 1716 次浏览
  • 386字数
  • 分类: 前端笔记本
  1. 首页
  2. 正文  

b6903b47e5f149c0217f69859fab608f.png

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- 表格是什么?  excel用代码展示 -->
        <!-- 应用场景:用户表成绩表 展示数据 -->
        <!-- 
        
             表格的属性:自带了一些样式
             border:表格的边框
             width:表格的宽度
             align:center 表格的水平对齐方式
             cellspacing:0 去掉单元格之间的间隙
             
         -->
        
        
        <table border="1px" width="50%" align="center" cellspacing="0">
            
            <!-- 行 -->
            <!-- 第一行 -->
            <tr>
                <td>ID</td>
                <td>用户名</td>
                <td>性别</td>
            </tr>
            
            <!-- 第二行 -->
            <tr>
                <td>1</td>
                <td>user1</td>
                <td>男</td>
            </tr>
            
            <!-- 第三行 -->
            <tr>
            <td>2</td>
            <td>user2</td>
            <td>女</td>
            </tr>
            
            <!-- 第四行 -->
            <tr>
                <td>3</td>
                <td>user3</td>
                <td>保密</td>
            </tr>
        </table>
        
    </body>
</html>

赞赏作者

如果觉得我的文章对你有用,请随意赞赏

表格:结构、相关属性

 •