Giter VIP home page Giter VIP logo

html-tutorial's Introduction

HTML Tutorial

Buy me a coffee GitHub Repo Stars Docker Image Version (latest by date) Docker Image Size (latest by date) Docker Pulls

HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。

“超文本”(hypertext)是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网,并将其与他人创建的页面相链接,你就成为了万维网的积极参与者。

HTML 使用“标签”(markup)来注明文本、图片和其他内容,以便于在 Web 浏览器中显示。

HTML 元素通过“标签”(tag)将文本从文档中引出,标签由在 <> 中包裹的元素名组成,HTML 标签里的元素名不区分大小写。也就是说,它们可以用大写,小写或混合形式书写。例如,<title> 标签可以写成 <Title><TITLE> 或以任何其他方式。

<title>标题</title>
<TITLE>标题</TITLE>
                    ╭┈┈┈┈┈┈┈┈┈┈┈╮
                    ┆  Element  ┆
                    ╰┈┈┈┈┈┬┈┈┈┈┈╯
                          ▼ 
     ╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┴┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
  开始标签              文本内容               结束标签
     ▼               ╰┈┈┈┈┬┈┈┈┈╯               ▼
╭┈┈┈┈┴┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┴┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┴┈┈┈┈╮
┆ <div class="ab">   this my content        </div>  ┆
╰┈┈┈┈┈┈╱┈┈┈┈┈┈┈┈╲┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╲┈┈┈┈┈╯
   属性名称      属性值                    注意结束“/”符号
    name        value
     ╰┈┈┈┈┈┈┬┈┈┈┈┈╯
     Attribute(属性)

教程、参考资料和示例会不断审查以避免错误,但不能保证所有内容的完全正确性,所有资源来源网络。

HTML 简史

在 1980 年代后期,作为 CERN 承包商的物理学家 Tim Berners-Lee 为 CERN 研究人员提出了一个系统。 1989 年,他写了一份备忘录,提出了一个基于互联网的超文本系统。

Tim Berners-Lee 被称为 HTML 之父。 HTML 的第一个可用描述是 Tim 在 1991 年末提出的名为“HTML 标签”的文档。HTML 的最新版本是 HTML5,我们将在本教程的后面部分学习。

Year Version
1989 Tim Berners-Lee 发明了 www
1991 Tim Berners-Lee 发明了 HTML
1993 Dave Raggett 起草了 HTML+
1995 HTML 工作组定义的 HTML 2.0
1997 W3C Recommendation: HTML 3.2
1999 W3C Recommendation: HTML 4.01
2000 W3C Recommendation: XHTML 1.0
2008 WHATWG HTML5 首次公开草案
2012 WHATWG HTML5 Living Standard
2014 W3C Recommendation: HTML5
2016 W3C Candidate Recommendation: HTML 5.1
2017 W3C Recommendation: HTML5.1 2nd Edition
2017 W3C Recommendation: HTML5.2

HTML 要点

  • HTML 代表超文本标记语言。
  • HTML 用于创建网页和 Web 应用程序。
  • HTML 是网络上广泛使用的语言。
  • 我们只能通过 HTML 创建静态网站。
  • 从技术上讲,HTML 是一种标记语言,而不是一种编程语言。

HTML 版本

自 HTML 发明以来,市场上有很多 HTML 版本,下面对 HTML 版本进行简单介绍:

① HTML 1.0: HTML 的第一个版本是 1.0,它是 HTML 语言的准系统版本,于 1991 年发布。

② HTML 2.0: 这是 1995 年发布的下一个版本,是网站设计的标准语言版本。 HTML 2.0 能够支持额外的功能,例如基于表单的文件上传、文本框等表单元素、选项按钮等。

③ HTML 3.2: HTML 3.2 版本由 W3C 于 1997 年初发布。此版本能够创建表格并为表单元素的额外选项提供支持。 它还可以支持具有复杂数学方程的网页。 直到 1997 年 1 月,它才成为任何浏览器的官方标准。如今,大多数浏览器实际上都支持它。

④ HTML 4.01: HTML 4.01 版本于 1999 年 12 月发布,是一个非常稳定的 HTML 语言版本。 这个版本是当前的官方标准,它增加了对样式表 (CSS) 的支持和各种多媒体元素的脚本能力。

⑤ HTML 5: HTML 5 是超文本标记语言的最新版本。 该版本的初稿于 2008 年 1 月公布。有两个主要组织,一个是 W3C(万维网联盟),另一个是 WHATWG(Web 超文本应用技术工作组),它们参与了 HTML 5 版本的开发 ,并且仍在开发中。

目录

Docker

通过 Docker 快速简单的部署文档网站。

docker pull wcjiang/html-tutorial
docker run --name html-tutorial --rm -d -p 9665:3000 wcjiang/html-tutorial:latest
# Or
docker run --name html-tutorial -itd -p 9665:3000 wcjiang/html-tutorial:latest

在浏览器中访问以下 URL

http://localhost:9665/

Contributors

一如既往,感谢我们出色的贡献者!一天搬运一个慢慢攒吧,欢迎大家参与进来 :)。

Made with action-contributors.

License

Licensed under the MIT License.

html-tutorial's People

Contributors

jaywcjlove avatar renovate[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

html-tutorial's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Other Branches

These updates are pending. To force PRs open, click the checkbox below.

  • chore(deps): update actions/checkout action to v4
  • chore(deps): update actions/setup-node action to v4
  • chore(deps): update docker/build-push-action action to v5
  • chore(deps): update docker/login-action action to v3
  • chore(deps): update docker/setup-buildx-action action to v3

Detected dependencies

dockerfile
Dockerfile
github-actions
.github/workflows/ci.yml
  • actions/checkout v3
  • actions/setup-node v3
  • peaceiris/actions-gh-pages v3
  • ncipollo/release-action v1
  • docker/setup-buildx-action v2
  • docker/login-action v2
  • docker/build-push-action v3
  • docker/build-push-action v3
npm
package.json
  • idoc ^1.26.6

  • Check this box to trigger a request for Renovate to run again on this repository

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.