在日常的学习和工作中,我们常常需要将数据以清晰、直观的方式展示出来,而HTML表格就是实现这一目标的重要工具之一。下面,我们就来学习如何在文本文档中编写一段简单的HTML代码,创建一个包含两行两列的表格。
首先打开你的文本编辑器(如Notepad++、Sublime Text等),新建一个空白文档。接下来输入以下HTML代码:
```html
table {
width: 50%;
border-collapse: collapse;
margin: 20px auto;
}
th, td {
border: 1px solid black;
padding: 8px;
text-align: center;
}
th {
background-color: f4f4f4;
}
第一列 | 第二列 |
---|---|
内容A | 内容B |
内容C | 内容D |
```
这段代码定义了一个基本的HTML页面结构,并在其中嵌入了一个两行两列的表格。表格的每一部分都通过不同的标签进行了明确划分:`
`和` | `则分别用来标注表头单元格和普通单元格的内容。 此外,在` |
---|