章节练习题

一、选择题(每题只有一个正确答案)

  1. 以下哪个HTML5语义化标签最适合表示网页侧边栏中的补充信息?
    A. <main>
    B. <aside>
    C. <section>
    D. <article>

  2. 关于HTML5表单验证,以下说法错误的是?
    A. required属性可标记输入框为必填项
    B. pattern属性支持通过正则表达式自定义验证规则
    C. type="email"的输入框会自动验证邮箱格式(包含@符号)
    D. 所有浏览器的原生验证提示样式完全一致

二、填空题(补全以下HTML5文档结构代码)

html
复制代码
<!DOCTYPE html>
<html lang="zh-CN">
<_____>
<meta charset="UTF-8">
<title>文档标题</title>
</_____>
<_____>
<h1>页面内容</h1>
</_____>
</html>

三、编程题(编写带表单和图片的注册页面)

要求:使用HTML5语义化标签、表单控件及图片元素,实现一个用户注册页面,包含以下功能:

  1. 个人信息区域(使用<section>标签):
  • 用户名(必填,3-16位字母/数字/下划线,pattern验证)
  • 邮箱(必填,type="email"
  • 密码(必填,至少8位,包含大小写字母和数字,pattern验证)
  1. 头像上传区域(使用<section>标签):
  • 显示默认头像图片(使用<img>标签,alt属性为"用户头像")
  • 文件上传控件(type="file",仅允许选择图片文件,accept="image/*"
  1. 注册按钮(<button type="submit">
  2. 页面结构需包含<header>(显示网站名称)、<main>(包含注册表单)、<footer>(显示版权信息)