前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML介绍

HTML介绍

作者头像
玖柒的小窝
修改2021-09-10 17:33:01
6940
修改2021-09-10 17:33:01
举报
文章被收录于专栏:各类技术文章~

HTML 是用于创建网页的标准标记语言。


什么是 HTML?

  • HTML 代表超文本标记语言
  • HTML 是用于创建网页的标准标记语言
  • HTML 描述了网页的结构
  • HTML由一系列元素组成
  • HTML 元素告诉浏览器如何显示内容
  • HTML 元素标记内容片段,例如“这是一个标题”、“这是一个段落”、“这是一个链接”等。

一个简单的 HTML 文档

例子

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

示例说明

  • <!DOCTYPE html>声明定义,这个文件是一个HTML5文档
  • 所述<html>元件是一个HTML页面的根元素
  • <head>元素包含有关 HTML 页面的元信息
  • <title>元素指定 HTML 页面的标题(显示在浏览器的标题栏或页面的选项卡中)
  • <body>元素定义了文档的身体,并且对于所有的可见内容,诸如标题,段落,图像,超链接,表格,列表等的容器
  • <h1>元素定义了一个大标题
  • <p>元素定义了一个段落

什么是 HTML 元素?

一个 HTML 元素由一个开始标签、一些内容和一个结束标签定义:

<标记名>内容在这里... < /标记名>

HTML元素是从开始标记到结束标记的所有内容:

< h1 >我的第一个标题< /h1 >

< p >我的第一段。< /p >

Start tag

Element content

End tag

<h1>

My First Heading

</h1>

<p>

My first paragraph.

</p>

<br>

none

none

注意:一些 HTML 元素没有内容(如 <br> 元素)。这些元素称为空元素。空元素没有结束标签!


ADVERTISEMENT


网页浏览器

Web 浏览器(Chrome、Edge、Firefox、Safari)的目的是读取 HTML 文档并正确显示它们。

浏览器不显示 HTML 标签,而是使用它们来确定如何显示文档:


HTML 页面结构

下面是一个 HTML 页面结构的可视化:

代码语言:javascript
复制
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>

注意: <body> 部分(上面的白色区域)内的内容将显示在浏览器中。<title> 元素内的内容将显示在浏览器的标题栏或页面的选项卡中。


HTML 历史

从万维网的早期开始,出现了许多版本的 HTML:

Year

Version

1989

Tim Berners-Lee invented www

1991

Tim Berners-Lee invented HTML

1993

Dave Raggett drafted HTML+

1995

HTML Working Group defined HTML 2.0

1997

W3C Recommendation: HTML 3.2

1999

W3C Recommendation: HTML 4.01

2000

W3C Recommendation: XHTML 1.0

2008

WHATWG HTML5 First Public Draft

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

本教程遵循最新的 HTML5 标准。

本文系外文翻译,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系外文翻译前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 什么是 HTML?
  • 一个简单的 HTML 文档
    • 例子
      • 示例说明
      • 什么是 HTML 元素?
      • 网页浏览器
      • HTML 页面结构
      • HTML 历史
      相关产品与服务
      容器服务
      腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档