在HTML中,可以使用JavaScript的 alert()函数来弹出一个提示框,以下是一个简单的示例:,在这个示例中,我们创建了一个简单的HTML页面,包含一个标题和一个表格,表格中有一个按钮,当用户点击该按钮时,会调用 showAlert()函数,该函数使用 alert()函数弹出一个提示框。, ,<!DOCTYPE html> <html> <head> <title>弹框提示示例</title> <script> function showAlert() { alert(“这是一个提示框”); } </script> </head> <body> <h1>弹框提示示例</h1> <table border=”1″> <tr> <th>标题</th> <th>内容</th> </tr> <tr> <td>弹框提示</td> <td><button onclick=”showAlert()”>点击显示弹框提示</button></td> </tr> </table> </body> </html>,
要制作一个太极图案,可以使用HTML和CSS,以下是一个简单的示例:,这个示例中,我们创建了一个名为 .taiji的容器,它包含两个子元素:一个黑色的圆形和一个白色的圆形,通过调整 ::before和 ::after伪元素的 top和 left属性,我们可以使这两个圆形相互重叠,从而形成一个太极图案。, ,<!DOCTYPE html> <html lang=”zh”> <head> <meta charset=”UTF8″> <meta name=”viewport” content=”width=devicewidth, initialscale=1.0″> <title>太极图案</title> <style> .container { display: flex; justifycontent: center; alignitems: center; height: 100vh; backgroundcolor: #f0f0f0; } .taiji { width: 200px; height: 200px; backgroundcolor: #000; borderradius: 50%; position: relative; } .taiji::before, .taiji::after { content: “”; position: absolute; width: 100%; height: 100%; borderradius: 50%; } .taiji::before { backgroundcolor: #fff; top: 50px; left: 0; } .taiji::after { backgroundcolor: #000; top: 0; left: 50px; } </style> </head> <body> <div class=”container”> <div class=”taiji”></div> </div> </body> </html>,