课四：HTML基本标签（二） - 在线演示

列表标签、表格标签、表单标签、特殊字符实时效果展示

1. 列表标签演示

无序列表（ul + li）

  • HTML
  • CSS
  • JavaScript
  • Python
  • 前端开发
  • 后端开发
  • 移动开发

有序列表（ol + li）

  1. 打开VS Code
  2. 创建HTML文件
  3. 编写代码
  4. 保存并预览
  1. 准备工作
  2. 开发阶段
  3. 测试调试
  4. 发布上线

定义列表（dl + dt + dd）

HTML
超文本标记语言，定义网页结构
CSS
层叠样式表，美化网页样式
JavaScript
脚本语言，实现网页交互

2. 表格标签演示

基本表格

姓名 专业 成绩
张三 计算机网络应用 95
李四 软件技术 92

合并单元格表格

学生成绩表
姓名 科目 成绩
张三 HTML 95
CSS 90
李四 HTML 92
CSS 88

3. 表单标签演示

4. 特殊字符演示

字符实体 显示效果 说明
&lt;<小于号
&gt;>大于号
&amp;&和号
&nbsp;空格示例：A&nbsp;&nbsp;&nbsp;B非换行空格
&copy;©版权符号
&yen;¥人民币符号
&deg;25&deg;C度符号

显示HTML代码示例：

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&nbsp;&nbsp;&lt;meta charset="utf-8"&gt;
&nbsp;&nbsp;&lt;title&gt;示例页面&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&nbsp;&nbsp;&lt;p&gt;这是段落文本&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;