lovecoding
/
W250511


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
							<!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>