VS Code编写html(2)

<html>
<head>
<title>welcome to myspace</title>
<meta charset="utf-8">
<!--设置表格样式-->
<style>
table{border: 1px solid purple;}
/*tr{border+tab}*/
tr{border: 2px solid orange;}
th{border: 3px solid olivedrab;}
td{border: 3px solid greenyellow;}
 
</style>
<body>
<h1>建立表格</h1>
<!--ol>li*5-->
<!--ol>li{内容$}*5-->
<!--给表格添加单元格内边框-->
<table cellpadding="30">
<!--tr>th{标题$}*3+tab建立行-->
<tr>
<th>标题1</th>
<th>标题2</th>
<th>标题3</th>
</tr>
<!--tr>td{内容$}*3+tab-->
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
</table>
</body>
</head>
</html>
 
html的基本框架

建立的表格如下:

本文来自博客园,作者:Jaoany,转载请注明原文链接:https://www.cnblogs.com/fanglijiao/p/6970170.html

原文地址:https://www.cnblogs.com/fanglijiao/p/6970170.html