标签

简介: HTML列表标签用于整齐展示内容,包括无序、有序和自定义列表;表格标签用于数据展示或布局,通过table、tr、td等标签构建,支持单元格合并;表单标签用于收集用户数据,由form包裹input、select等表单项。
  1. 列表标签
    1.1 无序列表
    作用:将内容整齐且无序的展示成一列
    特点:每个列表项独占一行,且前面有个小圆点。
    1.2 有序列表
    作用:内容整齐且有序的排成一列
    特点:每个列表项独占一行,且前面有个序号(数字、字母、罗马数字)。
    1.3 自定义列表
  2. 表格标签
  3. 作用:展示数据或者页面布局
  4. 常见标签:
    table:定义整个表格,内部包含tr标签
       属性:【不推荐使用,推荐使用CSS样式】
         border:设置表格的边框宽度
         cellspacing:设置单元格间距
         width:设置表格宽度
         align:设置表格水平对齐方式:取值:left(默认)、center、right
         bgcolor:设置表格背景颜色
         bordercolor:设置表格边框颜色
    
    tr标签:定义行,内部包含th或者td
       align:设置行中内容的水平对齐方式:取值:left(默认)、center、right
    
    th标签:定义表头单元格,特点:内容居中,加粗
    td标签:定义数据单元格,特点:内容默认居左,不加粗
  5. 合并单元格:将多个单元格通过跨行或者跨列合并成一个单元格
    实现步骤:
    1 明确合并的目标(跨行还是跨列合并?)
     2 保留最左最上(第一个)的单元格,添加属性 (取值是数字,表示需要合并的单元格数量)
           跨行合并,保留最上单元格,添加属性rowspan
           跨列合并,保留最左单元格,添加属性colspan
     3 删除被合并的单元格
    
  6. 表单标签
  7. 作用:收集用户提交的数据
  8. 常用标签:
    form标签:定义表单最外层的标签,内部包含、、等表单项标签。</li> </ol>
目录
相关文章
|
2天前
标题标签
本文介绍了HTML中h1至h6标题标签的使用规范:h1用于页面主标题或Logo,建议每页仅用一次;h2到h6无使用次数限制。各级标题字体逐级减小,独占一行,具有加粗效果,共六级,用于构建网页内容的层级结构。
36 2
|
3天前
|
前端开发
前端知识体系(CSS相关-CSS基础)
本节介绍CSS基础核心知识:样式优先级规则(!important &gt; 内联 &gt; ID &gt; 类 &gt; 标签)、雪碧图优化请求、自定义字体应用、Base64编码原理与优势,以及伪类与伪元素的区别和复选框美化技巧。
45 5
|
1天前
|
存储 弹性计算 数据库
阿里云免费中心 ——2026 免费领云服务器、云数据库、云存储等申请指南
阿里云免费中心2026年推出160+款云产品免费试用,涵盖云服务器、数据库、存储等核心资源,支持先试后买、非预期费用可退。个人开发者与企业用户均可零成本体验上云,适用于网站搭建、应用开发、游戏加速等场景。通过实名认证的新用户可申领,试用到期后数据保留1-15天,助力平滑过渡至正式使用。
60 5
|
1天前
|
安全 前端开发 测试技术
微信小游戏的验收
微信小游戏验收需从技术、交付、业务、安全四维度严格把关,涵盖性能、源码、逻辑、防作弊等关键点,确保产品可玩、可控、可持续运营,避免外包风险与后续维护陷阱。
|
1天前
|
人工智能 Shell 开发工具
Claude Code 2.1.2超详细更新说明,小白也能10分钟上手
Claude Code 2.1.x重磅更新:Shift+Enter换行、Esc+Esc撤销、Ctrl+B后台运行,Skills技能系统全面升级,支持多语言、通配符权限与动态MCP检测,性能提升50%,迭代速度惊人,开发者效率暴涨!
Claude Code 2.1.2超详细更新说明,小白也能10分钟上手
|
2天前
|
人工智能 前端开发 程序员
前端天塌啦,后端程序员福利,这个开源UI/UX外挂,给 Cursor/Windsurf 加个 审美插件
小华同学推荐开源项目UI UX Pro Max:为AI生成UI提供设计数据库支持,解决配色、风格、UX规范混乱难题。集成主流AI编程工具,一键调用,提升开发效率50%以上,10万+开发者已订阅!
224 3
|
21天前
|
人工智能 程序员 图形学
第一章 AI 编程革命的第一步:让 Cursor 真正“听懂”你要做一款游戏
第一章 AI 编程革命的第一步:让 Cursor 真正“听懂”你要做一款游戏
95 5
第一章 AI 编程革命的第一步:让 Cursor 真正“听懂”你要做一款游戏
|
10天前
|
数据采集 人工智能 运维
AgentRun 实战:快速构建 AI 舆情实时分析专家
搭建“舆情分析专家”,函数计算 AgentRun 快速实现从数据采集到报告生成全自动化 Agent。
355 26
|
29天前
|
SQL 人工智能 数据库
你的数据库不是性能差,是你的SQL在“烧钱”:用这条指令让AI化身资深DBA
硬件升配解决不了烂SQL!本文提供一套经过验证的AI指令,将大模型转化为资深DBA,通过深度诊断、索引优化和执行计划分析,帮助开发者从根源解决慢查询问题,实现数据库性能的降本增效。
200 19