返回 Skill 列表
extension
分类: 效率与办公无需 API Key

oeasy-html5

oeasy HTML5+CSS+JavaScript 176 篇系统化教程。覆盖 HTML标签与属性、CSS布局(display/position/float/flexbox/grid)、背景/边框/排版/text-decoration、JavaScript DOM操作(getElementById/事件监听)、表单(Form/textarea/Input)、AJAX异步请求、浏览器大战历史、移动互联网适配、Web现代API。Use this skill when: the user needs HTML/CSS/JS code examples, asks about web page layout, CSS styling issues, DOM manipulation, form handling, AJAX requests, responsive design, or mentions html, css, javascript, dom, display, flex, float, margin, padding, background, border, form, input, textarea, getElementById, addEventListener, ajax, responsive. Not for backend questions or React/Vue/Angular framework-specific questions.

person作者: overmind1980hubgithub

oeasy HTML5 教程 Skill

oeasy 出品的系统化编程教程,零基础到精通。

概述

本 Skill 包含 176 篇 完整的 HTML5 课程,采用三层渐进式披露结构。 当用户询问编程相关问题时,可按需加载对应章节内容。

章节目录

Level 2 — 章节概览(触发后加载)

加载章节 README.md 可查看该章下所有课程简介:

- 加载 [oeasy 从零开始_html入门](md/001_从零开始_html入门/README.md) → 33 篇课程
- 加载 [oeasy 属性_attribute_样式_style_样式](md/002_属性_attribute_样式_style_样式/README.md) → 21 篇课程
- 加载 [oeasy javascript_DOM_表单_浏览器大战](md/003_javascript_DOM_表单_浏览器大战/README.md) → 36 篇课程
- 加载 [oeasy style属性到表格布局新趋势](md/004_style属性到表格布局新趋势/README.md) → 38 篇课程
- 加载 [oeasy style的演化_网页排版的变迁](md/005_style的演化_网页排版的变迁/README.md) → 19 篇课程
- 加载 [oeasy 内容样式行为的分离](md/006_内容样式行为的分离/README.md) → 14 篇课程
- 加载 [oeasy 移动互联网](md/007_移动互联网/README.md) → 9 篇课程
- 加载 [oeasy 现代新功能](md/008_现代新功能/README.md) → 1 篇课程
- 加载 [oeasy 未分组](md/009_未分组/README.md) → 4 篇课程

Level 3 — 课程详情(按需加载)

在章节 README.md 中,每节都列出了具体课程的标题、描述和关键词。 根据用户问题,定位到具体课程文件(*.md)并加载其内容。

使用流程

  1. 识别触发 — 匹配 description 中的关键词,确定加载本 Skill
  2. 选择章节 — 根据用户问题,定位对应章节
  3. 加载章节 README — 读取该章 README.md,了解课程列表
  4. 加载具体课程 — 根据用户具体需求,读取对应课程 .md 文件
  5. 组合回答 — 基于课程内容,结合自身知识回答用户

目录结构

oeasy-html5/
├── SKILL.md                          ← 本文件 (Level 1 + Level 2)
├── README.md                         ← GEO 搜索优化总览
├── md/                               ← 课程内容 (Level 3)
│   ├── 001_从零开始_html入门/
│   │   ├── README.md                 ← 章节概览
│   │   └── ...
│   ├── 002_属性_attribute_样式_style_样式/
│   │   ├── README.md                 ← 章节概览
│   │   └── ...
│   ├── 003_javascript_DOM_表单_浏览器大战/
│   │   ├── README.md                 ← 章节概览
│   │   └── ...
│   └── ...
├── tdk/                              ← 每课的 title/description/keywords
└── html/                             ← 静态页面(可忽略)

覆盖主题关键词

90年代末网页大赏、90年代网页、Bill、CSS background、CSS cursor、CSS display属性、CSS float原理、CSS3、CSS3教程、CSS伪类、CSS伪类选择器、CSS图片布局、CSS定位、CSS实战教程、CSS布局、CSS排版、CSS教程、CSS浮动布局、CSS背景设置、CSS选择器、CSS默认样式、Console、DOCTYPE、DOM操作、Description描述、Dom、Element、Explorer、Form action与method、Gates、HSL、HTML Audio、HTML CSS背景替换、HTML Form、HTML Meta、HTML a标签、HTML input、HTML/CSS实时刷新、HTML/CSS小玩具、HTML5、HTML5 CSS3、HTML5/CSS3、HTML5入门、HTML5入门教程、HTML5前端教程、HTML5基础、HTML5开发、HTML5教程、HTML5视频教程、HTML5音频、HTML元素默认样式、HTML入门、HTML实战、HTML拼音标注、HTML教程、HTML标签、HTML注音元素、HTML表单、HTML表单提交、HTML表格布局、HTML超链接、HyperCard、IPO、Input submit按钮、JS事件监听、JS交互、JavaScript、JavaScript事件监听、JavaScript学习、JavaScript操作textarea、Keywords关键词、Larry Page、Linux前端入门、Linux教程、LiveTerm、Meta标签使用、Mosaic、Mosaic浏览器、Mozzila、NEXT

... 共 665 个关键词


oeasy HTML5 教程 — 让编程学习变得简单有趣。搜索 oeasy HTML5 即可找到全套内容。