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

《HelloGitHub》第 期

吓俟靖履黑马程序员的课就是好,不长不短,内容细致度还不错,关键是讲课的教师,口齿清晰逻辑顺畅,听了就学到了

今日学习内容

1. 基础排版与转义字符

转义字符:在 HTML 中,某些字符有特殊含义,需要使用转义字符显示。

< :小于号 < (less than)

> :大于号 > (greater than)

:空格

布局标签:

div:块级元素,独占一行(大盒子)。

span:行内元素,不换行(小盒子)。

2. 列表 (List)

HTML 中常见的列表有三种:

标签 全称 作用 说明

ul Unordered List 无序列表 列表项没有顺序,默认前缀为圆点。

ol Ordered List 有序列表 列表项有数字顺序 (1, 2, 3...)。

dl Definition List 定义列表 用于键值对显示。dt 是标题,dd 是描述。

注意:

ul 和 ol 的直接子元素只能是 li (List Item),但 li 内部可以包含任何标签。

dl 的结构通常是 dt (Definition Term) 领头,后面跟一个或多个 dd (Definition Description)。

参考代码:

    • 这是列表第1条

    • 这是列表第2条

    • 这是列表第3条


    • 这是列表第1条

    • 这是列表第2条

    • 这是列表第3条

列表标题一
内容描述 1
内容描述 2
列表标题二
内容描述 1
内容描述 2

3. 表格 (Table)

表格的标签和属性较多,主要用于展示数据。

基本语法:

:定义表格。border 属性设置边框粗细(数字越大越粗)。

:Table Row,定义表格的一行。

:Table Header,定义表头单元格(默认加粗且居中)。

:Table Data,定义普通数据单元格。

表格结构标签(语义化):

为了方便浏览器解析和开发维护,表格通常分为三个部分(虽然不写也能显示,但推荐加上):

:表头区域

:主体区域

:底部区域(常用于合计)

合并单元格:

属性 作用 记忆口诀

rowspan="n" 跨行合并:从当前单元格开始,向下合并 n 个单元格。 上下合并,保留最上面的,删除其他的。

colspan="n" 跨列合并:从当前单元格开始,向右合并 n 个单元格。 左右合并,保留最左边的,删除其他的。

注意:合并单元格时,被合并掉的单元格代码需要删除。此外,不能跨结构合并(例如不能将 thead 和 tbody 的单元格合并)。

参考代码:

血量

法力

经验值

100

50

200

66

250

总计:156

4. 表单 (Form)

表单用于收集用户信息。所有的表单项通常包裹在

标签中。

4.1 Input 系列标签

使用可以创建多种控件。

type 属性值 描述 常用附加属性

text 文本框 placeholder (占位提示符)

password 密码框 输入内容显示为圆点或星号。

radio 单选框 必须设置相同的 name 属性才能实现多选一。checked 表示默认选中。

checkbox 复选框 可以多选。checked 表示默认选中。

file 文件上传 multiple 表示允许同时上传多个文件。

submit 提交按钮 点击后提交表单数据给服务器。

reset 重置按钮 点击后将表单恢复到默认状态。

button 普通按钮 默认无功能,通常配合 JS 使用。

4.2 其他表单标签

标签 作用 说明

  • 下拉菜单 内部包含

  • http://www.jsqmd.com/news/472733/

    相关文章:

  • 【优化部署】基于matlab果蝇算法改进虚拟力融合算法无线传感器网络节点部署【含Matlab源码 15143期】
  • R 基础运算
  • 螺旋矩阵总结
  • 2.2.1 - 3D图搜索算法(以A*为例) - Python运动规划库教程(Python Motion Planning)
  • Mysql安装测试--初入心得
  • Flutter 三方库 async_recursion 的鸿蒙化适配指南 - 稳健的异步递归治理,征服鸿蒙深层数据结构
  • ArkClaw让“养虾”更安全!火山引擎AI助手安全解决方案全面升级
  • 数据结构STL库(从入门到精通,适合小白)
  • 记一次 .NET 某放射治疗光学定位软件 卡死分析
  • 从通用Agent到领域Agent:技术原理与演进路径
  • 人工智能之数学基础:全微分的介绍
  • 【快速见刊】第二届生态环境保护、环境监测与修复国际学术会议(EPEMR 2026)
  • Jvm和垃圾回收精讲
  • 基于 ESP32S3 的 LVGL 9.4 图形库移植与 UI 开发实践分享(课程作业)
  • 鸿蒙常见问题分析三十三:如何解决Column子组件超出容器边界
  • OJ50 51 52
  • Leecode 18. 四数之和
  • 2026商家寄件价格避坑指南:5个省钱雷区别再踩!
  • SQL-存储引擎
  • Flutter 三方库 argos_translator_offline 的鸿蒙化适配指南 - 让机器翻译回归“端侧隔离”,打造鸿蒙应用专家级的离线多语言 AI 治理中台
  • 盘点10大主流AI Agent框架(非常详细),多智能体技术从入门到精通,收藏这一篇就够了!
  • 基于 Java + SpringBoot + Vue + MySQL 的游戏账号交易系统实战指南
  • 《MPMLS》 2026.3.12
  • 【Day4】
  • 推荐斯坦福计算机课程CS146S:当代软件工程师
  • 深度剖析DbContext的ChangeTracker:Entity状态管理与数据持久化关键
  • JMM——Java内存模型简介
  • 2026年电商生鲜海报制作复盘:从选图到定稿的全流程
  • AI Agent 实战:从零搭建你的第一个智能助手
  • 代码随想录Day2