|
马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
x
本帖最后由 死亦秋叶之静美 于 2019-12-8 15:29 编辑
大佬们,我这个运行结果也能在页面正常显示,但是视频上的显示出来带表格,我这个不带表格,这是怎样一回事。视频上说用css实现,但是这个需要怎样实现
新建一个文本文档重命名为xxx.css吗?那文本文档里的内容又是什么?知道的大佬告请知一下。小弟感激不尽。谢谢
<!DOCTYP html>
<html>
<head>
<title>一个简单的表格</title>
<meta charset = "utf-8">
<meta name="viewport" content = "width=device-width,initial-scale = 1.0">
<meta name = "Keywords" content = "小甲鱼,web开发,HTML5,css3,web编程教学">
<meta name = "description" content = "《小甲鱼入门学习web开发》案例演示">
<meta name = "author" content = "小甲鱼">
<style>
table, th, td {
border: 1px solid biack;
}
</style>
</head>
<body>
<table> <!--定义一个表格 -->
<tr> <!--tr = tab row定义表格里的函-->
<th>姓名</th><!--th = table header cell定义表头单元格-->
<th>年龄</th><!--默认情况下浏览器会对里边的内容加粗居中处理-->
<th>随便说句话</th>
</tr>
<tr>
<td>小甲鱼</td><!--td = table data cell定义数据单元格-->
<td>18</td>
<td>让编程改变世界</td>
</tr>
<tr>
<td>不二如是</td>
<td>28</td>
<td>热爱编程的人运气总不会太差</td>
</tr>
</body>
</html>
本帖最后由 zltzlt 于 2019-12-8 15:39 编辑
楼主有点粗心,DOCTYPE 拼成了 DOCTYP,black 拼成了 biack。
正确代码:
- <!DOCTYPE html>
- <html>
- <head>
- <title>一个简单的表格</title>
- <meta charset = "utf-8">
- <meta name="viewport" content = "width=device-width,initial-scale = 1.0">
- <meta name = "Keywords" content = "小甲鱼,web开发,HTML5,css3,web编程教学">
- <meta name = "description" content = "《小甲鱼入门学习web开发》案例演示">
- <meta name = "author" content = "小甲鱼">
- <style>
- table, th, td {
- border: 1px solid black;
- }
- </style>
- </head>
- <body>
- <table> <!--定义一个表格 -->
- <tr> <!--tr = tab row定义表格里的函-->
- <th>姓名</th><!--th = table header cell定义表头单元格-->
- <th>年龄</th><!--默认情况下浏览器会对里边的内容加粗居中处理-->
- <th>随便说句话</th>
- </tr>
- <tr>
- <td>小甲鱼</td><!--td = table data cell定义数据单元格-->
- <td>18</td>
- <td>让编程改变世界</td>
- </tr>
- <tr>
- <td>不二如是</td>
- <td>28</td>
- <td>热爱编程的人运气总不会太差</td>
- </tr>
- </body>
- </html>
复制代码
|
|