lovecoding
/
W250913


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
							<!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">
        <tr>
            <td>普通单元格</td>
            <td>图片单元格</td>
            <td>列表单元格</td>
            <td>表单单元格</td>
        </tr>
        <tr>
            <td>
                <span>这是一个普通单元格</span>
            </td>
            <td>
                <img src="./bdlogo.png" width="200" alt="百度logo">
            </td>
            <td>
                <ul>
                    <li>列表项1</li>
                    <li>列表项2</li>
                    <li>列表项3</li>
                </ul>
            </td>
            <td>
                <input type="text">
                <button>按钮</button>
            </td>
        </tr>
        <tr>
            <td>行内元素单元格</td>
            <td>块元素单元格</td>
            <td>嵌套表格单元格</td>
            <td>合并单元格实例</td>
        </tr>
        <tr>
            <td>
                <i>这是一个</i>
                <a href="https://www.baidu.com" target="_blank">链接</a>
                <b>加粗字体</b>
            </td>
            <td>
                <div>这是一个块元素</div>
                <p>这是一个段落</p>
            </td>
            <td>
                <table border="1">
                    <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>