H5+CSS3+JS逆向前置——HTMLtable表格标签

在HTML中，<table>标签用于创建表格布局。以下是一个简单的HTML表格示例，使用了HTML、CSS和JavaScript（简称H5+CSS3+JS）：




<!DOCTYPE html>
<html>
<head>
<style>
  table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
  }
  th, td {
    padding: 5px;
    text-align: left;
  }
</style>
</head>
<body>
 
<h2>HTML Table</h2>
 
<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>30</td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>Smith</td>
    <td>25</td>
  </tr>
</table>
 
</body>
</html>

这段代码创建了一个具有标题行和两行数据的表格。CSS用于设置表格的样式，包括边框、内边距和文本对齐方式。这个示例展示了如何使用HTML创建表格结构，并通过CSS进行样式化，这是学习Web开发的基础知识。

H5+CSS3+JS逆向前置——HTMLtable表格标签

评论已关闭

推荐阅读