{"id":15777047,"url":"https://github.com/jaywcjlove/html-tutorial","last_synced_at":"2025-05-08T00:48:36.379Z","repository":{"id":41846923,"uuid":"484927977","full_name":"jaywcjlove/html-tutorial","owner":"jaywcjlove","description":"HTML Tutorial","archived":false,"fork":false,"pushed_at":"2024-06-23T07:53:59.000Z","size":17494,"stargazers_count":6,"open_issues_count":1,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-30T14:21:34.919Z","etag":null,"topics":["html","html-tutorial","html5","tutorial","tutorial-code"],"latest_commit_sha":null,"homepage":"https://jaywcjlove.github.io/html-tutorial","language":"Dockerfile","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jaywcjlove.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"ko_fi":"jaywcjlove","buy_me_a_coffee":"jaywcjlove","custom":["https://www.paypal.me/kennyiseeyou","https://jaywcjlove.github.io/#/sponsor"]}},"created_at":"2022-04-24T04:52:44.000Z","updated_at":"2025-03-26T16:23:57.000Z","dependencies_parsed_at":"2023-12-20T14:35:16.512Z","dependency_job_id":"1b54c77f-7552-4b7e-98ec-9b44d9a590cf","html_url":"https://github.com/jaywcjlove/html-tutorial","commit_stats":{"total_commits":238,"total_committers":3,"mean_commits":79.33333333333333,"dds":"0.012605042016806678","last_synced_commit":"423f1604248bbb0213675b24154515519c65aad0"},"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaywcjlove%2Fhtml-tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaywcjlove%2Fhtml-tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaywcjlove%2Fhtml-tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaywcjlove%2Fhtml-tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jaywcjlove","download_url":"https://codeload.github.com/jaywcjlove/html-tutorial/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252413120,"owners_count":21743832,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html","html-tutorial","html5","tutorial","tutorial-code"],"created_at":"2024-10-04T17:42:13.438Z","updated_at":"2025-05-08T00:48:36.357Z","avatar_url":"https://github.com/jaywcjlove.png","language":"Dockerfile","readme":"HTML Tutorial\n===\n\n[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)\n[![GitHub Repo Stars](https://img.shields.io/github/stars/jaywcjlove/html-tutorial)]()\n[![Docker Image Version (latest by date)](https://img.shields.io/docker/v/wcjiang/html-tutorial?logo=docker)](https://hub.docker.com/r/wcjiang/html-tutorial)\n[![Docker Image Size (latest by date)](https://img.shields.io/docker/image-size/wcjiang/html-tutorial?logo=docker)](https://hub.docker.com/r/wcjiang/html-tutorial)\n[![Docker Pulls](https://img.shields.io/docker/pulls/wcjiang/html-tutorial?logo=docker)](https://hub.docker.com/r/wcjiang/html-tutorial)\n\nHTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）。\n\n“超文本”（hypertext）是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网，并将其与他人创建的页面相链接，你就成为了万维网的积极参与者。\n\nHTML 使用“标签”（markup）来注明文本、图片和其他内容，以便于在 Web 浏览器中显示。\n\nHTML 元素通过“标签”（tag）将文本从文档中引出，标签由在 `\u003c` 和 `\u003e` 中包裹的元素名组成，HTML 标签里的元素名不区分大小写。也就是说，它们可以用大写，小写或混合形式书写。例如，`\u003ctitle\u003e` 标签可以写成 `\u003cTitle\u003e`，`\u003cTITLE\u003e` 或以任何其他方式。\n\n```html\n\u003ctitle\u003e标题\u003c/title\u003e\n\u003cTITLE\u003e标题\u003c/TITLE\u003e\n```\n\n```bash\n                    ╭┈┈┈┈┈┈┈┈┈┈┈╮\n                    ┆  Element  ┆\n                    ╰┈┈┈┈┈┬┈┈┈┈┈╯\n                          ▼ \n     ╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┴┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮\n  开始标签              文本内容               结束标签\n     ▼               ╰┈┈┈┈┬┈┈┈┈╯               ▼\n╭┈┈┈┈┴┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┴┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┴┈┈┈┈╮\n┆ \u003cdiv class=\"ab\"\u003e   this my content        \u003c/div\u003e  ┆\n╰┈┈┈┈┈┈╱┈┈┈┈┈┈┈┈╲┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╲┈┈┈┈┈╯\n   属性名称      属性值                    注意结束“/”符号\n    name        value\n     ╰┈┈┈┈┈┈┬┈┈┈┈┈╯\n     Attribute(属性)\n```\n\n教程、参考资料和示例会不断审查以避免错误，但不能保证所有内容的完全正确性，所有资源来源网络。\n\n## HTML 简史\n\n在 1980 年代后期，作为 CERN 承包商的物理学家 Tim Berners-Lee 为 CERN 研究人员提出了一个系统。 1989 年，他写了一份备忘录，提出了一个基于互联网的超文本系统。\n\nTim Berners-Lee 被称为 HTML 之父。 HTML 的第一个可用描述是 Tim 在 1991 年末提出的名为“HTML 标签”的文档。HTML 的最新版本是 HTML5，我们将在本教程的后面部分学习。\n\n\n| Year | Version |\n| ---- | ---- |\n| 1989 | Tim Berners-Lee 发明了 www |\n| 1991 | Tim Berners-Lee 发明了 HTML |\n| 1993 | Dave Raggett 起草了 HTML+ |\n| 1995 | HTML 工作组定义的 HTML 2.0 |\n| 1997 | W3C Recommendation: HTML 3.2 |\n| 1999 | W3C Recommendation: HTML 4.01 |\n| 2000 | W3C Recommendation: XHTML 1.0 |\n| 2008 | WHATWG HTML5 首次公开草案 |\n| 2012 | [WHATWG HTML5 Living Standard](http://whatwg.org/html/) |\n| 2014 | [W3C Recommendation: HTML5](http://www.w3.org/TR/html5/) |\n| 2016 | W3C Candidate Recommendation: HTML 5.1 |\n| 2017 | [W3C Recommendation: HTML5.1 2nd Edition](http://www.w3.org/TR/html51/) |\n| 2017 | [W3C Recommendation: HTML5.2](http://www.w3.org/TR/html52/) |\n\n\n## HTML 要点\n\n- HTML 代表超文本标记语言。\n- HTML 用于创建网页和 Web 应用程序。\n- HTML 是网络上广泛使用的语言。\n- 我们只能通过 HTML 创建静态网站。\n- 从技术上讲，HTML 是一种标记语言，而不是一种编程语言。\n\n## HTML 版本\n\n自 HTML 发明以来，市场上有很多 HTML 版本，下面对 HTML 版本进行简单介绍：\n\n**① HTML 1.0：** HTML 的第一个版本是 1.0，它是 HTML 语言的准系统版本，于 1991 年发布。\n\n**② HTML 2.0：** 这是 1995 年发布的下一个版本，是网站设计的标准语言版本。 HTML 2.0 能够支持额外的功能，例如基于表单的文件上传、文本框等表单元素、选项按钮等。\n\n**③ HTML 3.2：** HTML 3.2 版本由 W3C 于 1997 年初发布。此版本能够创建表格并为表单元素的额外选项提供支持。 它还可以支持具有复杂数学方程的网页。 直到 1997 年 1 月，它才成为任何浏览器的官方标准。如今，大多数浏览器实际上都支持它。\n\n**④ HTML 4.01：** HTML 4.01 版本于 1999 年 12 月发布，是一个非常稳定的 HTML 语言版本。 这个版本是当前的官方标准，它增加了对样式表 (CSS) 的支持和各种多媒体元素的脚本能力。\n\n**⑤ HTML 5：** HTML 5 是超文本标记语言的最新版本。 该版本的初稿于 2008 年 1 月公布。有两个主要组织，一个是 [W3C](https://www.w3.org/)（万维网联盟），另一个是 [WHATWG](https://whatwg.org/)（Web 超文本应用技术工作组），它们参与了 HTML 5 版本的开发 ，并且仍在开发中。\n\n\u003c!--idoc:ignore:start--\u003e\n\n## 目录\n\n- [HTML 索引 (字母排序)](./docs/tags/README.md)\n- [HTML 索引 (分类)](./docs/reference/byfunc.md)\n- [HTML 浏览器支持](./docs/reference/browsersupport.md)\n- [HTML 属性参考](./docs/reference/attributes.md)\n- [HTML 全局属性](./docs/reference/standardattributes.md)\n- [HTML 事件](./docs/reference/eventattributes.md)\n- [HTML 颜色名](./docs/reference/colornames.md)\n- [HTML Canvas](./docs/reference/canvas.md)\n- [HTML 音频/视频](./docs/reference/av_dom.md)\n- [HTML 字符集(UTF-8)](./docs/reference/charactersets.md)\n- [HTML 字符集实体(全)](./docs/reference/charactersets_entities.md)\n- [HTML Doctypes](./docs/reference/dtd.md)\n- [HTML URL 编码](./docs/reference/urlencode.md)\n- [HTML 语言代码](./docs/reference/language_codes.md)\n- [HTML 国家/地区代码](./docs/reference/country_codes.md)\n- [HTTP 状态消息](./docs/reference/httpmessages.md)\n- [键盘快捷键](./docs/reference/keyboardshortcuts.md)\n\n\u003c!--idoc:ignore:end--\u003e\n\n## Docker\n\n通过 Docker 快速简单的部署文档网站。\n\n```bash\ndocker pull wcjiang/html-tutorial\n```\n\n```bash\ndocker run --name html-tutorial --rm -d -p 9665:3000 wcjiang/html-tutorial:latest\n# Or\ndocker run --name html-tutorial -itd -p 9665:3000 wcjiang/html-tutorial:latest\n```\n\n在浏览器中访问以下 URL\n\n```bash\nhttp://localhost:9665/\n```\n\n## Contributors\n\n一如既往，感谢我们出色的贡献者！一天搬运一个慢慢攒吧，欢迎大家参与进来 :)。\n\n\u003ca href=\"https://github.com/jaywcjlove/html-tutorial/graphs/contributors\"\u003e\n  \u003cimg src=\"https://jaywcjlove.github.io/html-tutorial/CONTRIBUTORS.svg\" /\u003e\n\u003c/a\u003e\n\nMade with [action-contributors](https://github.com/jaywcjlove/github-action-contributors).\n\n## License\n\nLicensed under the MIT License.\n","funding_links":["https://ko-fi.com/jaywcjlove","https://buymeacoffee.com/jaywcjlove","https://www.paypal.me/kennyiseeyou","https://jaywcjlove.github.io/#/sponsor"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaywcjlove%2Fhtml-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjaywcjlove%2Fhtml-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaywcjlove%2Fhtml-tutorial/lists"}