首页 发现 帮助
登录
lovecoding
/
VIP28
9
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

day2

e 1 年之前
父节点
d01e9944d3
当前提交
961c8d32b8
共有 3 个文件被更改，包括 120 次插入 和 0 次删除
分列视图 显示文件统计
  1. 48 0
      day2/6.表格.html
  2. 72 0
      day2/7.课程表.html
  3. 二进制
      day2/images/R-C.jpg

+ 48 - 0
day2/6.表格.html
查看文件 

@@ -0,0 +1,48 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+    <head>
 
+        <meta charset="utf-8">
 
+        <title>表格</title>
 
+    </head>
 
+    <body>
 
+        <!-- 
+            表格
 
+                table 表格框
 
+                tr 表格行
 
+                th 表格头部 内容字体会自动的加粗
 
+                td 表格内的单元格
 
+                border 边框
 
+                cellpadding 单元格内容与边框的距离
 
+                cellspacing 单元格边框与边框的距离
 
+                caption 表格的标题
 
+                rowspan 合并行
 
+                colspan 合并列
 
+                align   控制位置：center left right
 
+                background 背景图
 
+
 
+         -->
 
+         <table border="1" cellpadding="20">
 
+            <caption>标题</caption>
 
+            <tr>
 
+                <th>一</th>
 
+                <th>二</th>
 
+                <th>三</th>
 
+            </tr>
 
+            <tr>
 
+                <td>1</td>
 
+                <td rowspan="2">2</td>
 
+                <td>3</td>
 
+            </tr>
 
+            <tr>
 
+                <td>1</td>
 
+                <!-- <td>2</td> -->
 
+                <td>3</td>
 
+            </tr>
 
+            <tr>
 
+                <td colspan="2" align="right" style="background: url('./images/R-C.jpg');">1</td>
 
+                <!-- <td>2</td> -->
 
+                <td>3</td>
 
+            </tr>
 
+         </table>
 
+    </body>
 
+</html>

+ 72 - 0
day2/7.课程表.html
查看文件 

@@ -0,0 +1,72 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+</head>
 
+<body>
 
+    <table border="2">
 
+        <caption>课程表</caption>
 
+        <tr>
 
+            <th>课程\星期</th>
 
+            <th>星期一</th>
 
+            <th>星期二</th>
 
+            <th>星期三</th>
 
+            <th>星期四</th>
 
+            <th>星期五</th>
 
+        </tr>
 
+        <tr>
 
+            <td>第一节</td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+        </tr>
 
+        <tr>
 
+            <td>第二节</td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+        </tr>
 
+        <tr>
 
+            <td>第三节</td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+        </tr>
 
+        <tr>
 
+            <td>第四节</td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+        </tr>
 
+        <tr>
 
+            <td colspan="6" align="center">午休</td>
 
+        </tr>
 
+        <tr>
 
+            <td>第五节</td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+        </tr>
 
+        <tr>
 
+            <td>第六节</td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+            <td></td>
 
+        </tr>
 
+    </table>
 
+</body>
 
+</html>

二进制
day2/images/R-C.jpg
查看文件