代码演示源码
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>9.18作业</title> </head> <body> <!-- a+img的代码案例 --> <a href="http://www.guicaige.com/" ><img src="http://www.guicaige.com/zb_users/upload/2021/07/202107031625278343654737.png" alt="图片名称" /></a> <hr /> <!-- iframe加载代码案例 --> <a href="http://www.guicaige.com/" target="guicaige">点我加载</a> <hr /> <iframe srcdoc="鼠标点击上方加载内容" frameborder="1" name="guicaige" width="500" height="300" ></iframe> <hr /> <!-- ul>li*5>a{名称$} 代码案例--> <ui> <li><a href="">名称1</a></li> <li><a href="">名称2</a></li> <li><a href="">名称3</a></li> <li><a href="">名称4</a></li> <li><a href="">名称5</a></li> </ui> <hr /> <!-- 表格布局代码 --> <table width="500" border="1"> <caption> 演示下表格 </caption> <thead> <tr> <td rowspan="3">演示竖向合并3个</td> <td colspan="2">演示横向合并2个</td> <!-- <td>名称3</td> --> <td>名称4</td> <td>名称5</td> </tr> <tr> <!-- <td>名称1</td> --> <td>名称2</td> <td>名称3</td> <td>名称4</td> <td>名称5</td> </tr> <tr> <!-- <td>名称1</td> --> <td>名称2</td> <td>名称3</td> <td>名称4</td> <td>名称5</td> </tr> <tr> <td>名称1</td> <td>名称2</td> <td>名称3</td> <td>名称4</td> <td>名称5</td> </tr> <tr> <td>名称1</td> <td>名称2</td> <td>名称3</td> <td>名称4</td> <td>名称5</td> </tr> </thead> </table> </body></html>
演示代码浏览器效果如下
