当前位置：首页 > news >正文

计算机二级 web程序设计知识点考点大全

news 来源：原创 2025/5/14 14:24:29

计算机二级 Web 程序设计知识点考点大全目录

表格结构
1.1 表格基本结构
1.2 <thead>、<tbody> 和 <tfoot>
1.3 表格行和单元格
1.4 <caption> 元素
表单结构
2.1 表单基本元素
2.2 常用输入类型
2.3 表单验证
列表
3.1 有序列表和无序列表
美化与样式
4.1 基础 CSS 设计
4.2 响应式设计
4.3 无障碍设计
JS 相关
5.1 JS 时间对象 new Date()
5.2 JS Window 浏览器对象 navigator
CSS 布局属性
6.1 display 属性行块盒子布局属性
<a> 标签中的 target 属性
JS 中修改界面样式
8.1 改变 <head> 的样式和内容
8.2 改变 <body> 的样式和内容
JS 修改界面样式的方法与属性
9.1 常用方法与属性列表
9.2 常用 CSS 属性

1. <caption> 元素

1.1 定义与用途
<caption> 元素用于为 <table> 提供一个简短的标题，以帮助用户理解表格内容。

1.2 语法

<table>
    <caption>表格标题</caption>
    <!-- 其他表格内容 -->
</table>

1.3 使用注意事项

<caption> 必须放置在 <table> 的第一个子元素位置。
每个表格只能有一个 <caption> 元素。

2. 表格结构

2.1 表格基本结构
一个标准的表格包含 <table>、<tr>（表行）、<th>（表头单元格）和 <td>（表数据单元格）。

2.2 <thead>、<tbody> 和 <tfoot>

<thead>: 表头，定义列标题。
<tbody>: 表体，定义表格的主要数据。
<tfoot>: 表尾，定义表格底部的信息，例如合计。

示例

<table>
    <thead>
        <tr>
            <th>姓名</th>
            <th>电子邮箱</th>
            <th>年龄</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>张三</td>
            <td>zhangsan@example.com</td>
            <td>25</td>
        </tr>
    </tbody>
</table>

2.3 表格行和单元格

表行 <tr> 包含 th 或 td 元素。
表头单元格 <th> 通常是加粗，代表列标题。
表数据单元格 <td> 包含实际数据。

3. 表单结构

3.1 表单基本元素
表单标签 <form> 是所有输入元素的容器。

3.2 常用输入类型

text: 单行文本输入。
email: 电子邮件输入。
number: 数值输入。
password: 密码输入。

示例

<form action="/submit" method="POST">
    <input type="text" name="username" required>
    <input type="email" name="email" required>
    <input type="number" name="age" min="1" max="120">
    <button type="submit">提交</button>
</form>

完整版请看我首页资源文档pdf
新手博客如有错误请告知
如有侵权作品截图发邮件删除
邮箱：1413229255@qq.com