-
创建一个包含标题、段落和链接的基本HTML文档:
html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML Practice</title> </head> <body> <h1>Welcome to My Website</h1> <p>This is a sample paragraph. <a href="https://www.example.com">Visit our website</a>.</p> </body> </html>
-
创建一个无序列表和有序列表:
html<ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <ol> <li>First</li> <li>Second</li> <li>Third</li> </ol>
-
创建一个表格展示学生信息:
html<table border="1"> <thead> <tr> <th>Name</th> <th>Age</th> <th>Grade</th> </tr> </thead> <tbody> <tr> <td>John Doe</td> <td>20</td> <td>A</td> </tr> <tr> <td>Jane Smith</td> <td>22</td> <td>B</td> </tr> </tbody> </table>
-
使用表单元素创建一个简单的登录表单:
html<form> <label for="username">Username:</label> <input type="text" id="username" name="username" required> <label for="password">Password:</label> <input type="password" id="password" name="password" required> <input type="submit" value="Login"> </form>
-
嵌套使用div元素创建一个基本页面布局:
html<div class="header"> <h2>My Website</h2> </div> <div class="nav"> <ul> <li>Home</li> <li>About</li> <li>Contact</li> </ul> </div> <div class="content"> <p>This is the main content of the page.</p> </div> <div class="footer"> <p>© 2023 My Website</p> </div>
HTML 实操试题(一)
知孤云出岫2023-12-28 14:33
相关推荐
ITMan彪叔1 分钟前
Tesseract OCR 页面分割模式解析w_y_fan3 分钟前
Flutter中的沉浸式模式设置游荡de蝌蚪4 分钟前
快速打造Vue后台管理系统code_YuJun4 分钟前
3. 修改 vue.config.js 配置完成打包分析和优化文心快码BaiduComate12 分钟前
轻松实践:用Python实现“名字大作战”游戏,表白Zulu!神毓逍遥kang1 小时前
最近学习rust,然后使用rust构建你的前端cli工具助力前端生态1024小神1 小时前
Android冷启动和热启动以及温启动都是什么意思June_liu2 小时前
列太多vxe-table自动启用横向虚拟滚动引起的bug齐杰拉2 小时前
useSse 开源:如何把流式数据请求/处理简化到极致起风了啰2 小时前
Android & IOS兼容性问题