|
|
@@ -0,0 +1,79 @@
|
|
|
+<!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="1" cellspacing="0" cellpadding="0">
|
|
|
+ <tr>
|
|
|
+ <td>普通单元格</td>
|
|
|
+ <td>图片单元格</td>
|
|
|
+ <td>列表单元格</td>
|
|
|
+ <td>表单单元格</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>这是一个普通文本单元格</td>
|
|
|
+ <td>
|
|
|
+ <img src="../111.jpeg" height="100" alt="图片">
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <ul>
|
|
|
+ <li>列表项1</li>
|
|
|
+ <li>列表项2</li>
|
|
|
+ <li>列表项3</li>
|
|
|
+ </ul>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <form action="http://localhost:4000">
|
|
|
+ <label for="username">用户名：</label>
|
|
|
+ <input id="username" type="text">
|
|
|
+ <input type="button" value="提交">
|
|
|
+ </form>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>行内元素单元格</td>
|
|
|
+ <td>块元素单元格</td>
|
|
|
+ <td>嵌套表格单元格</td>
|
|
|
+ <td>合并单元格示例</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <span style="color: red;">这是一个行元素</span>
|
|
|
+ <a href="https://www.taobao.com">链接</a>
|
|
|
+ <b>加粗文本</b>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div>这是一个块元素</div>
|
|
|
+ <p>这是一个段落</p>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <table border="1" cellspacing="0" cellpadding="0">
|
|
|
+ <tr>
|
|
|
+ <td>嵌套表格行1</td>
|
|
|
+ <td>嵌套表格行2</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>嵌套表格行3</td>
|
|
|
+ <td>嵌套表格行4</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </td>
|
|
|
+ <td rowspan="2">
|
|
|
+ 这是一个跨行合并的单元格
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ 多行单元格示例
|
|
|
+ </td>
|
|
|
+ <td colspan="2">
|
|
|
+ 这是一个跨列合并的单元格
|
|
|
+ </td>
|
|
|
+
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+</body>
|
|
|
+</html>
|
