HTML 教程- (HTML5 标准)

什么是 HTML?

 HTML 是用来描述网页的一种语言。

  •  HTML 指的是超文本标记语言 (Hyper Text Markup Language)

  •  HTML 不是一种编程语言,而是一种标记语言 (markup language)

  •  标记语言是一套标记标签 (markup tag)

  •  HTML 使用标记标签来描述网页 


    HTML 标签

    → 超文本
        就是比普通的文本要牛! 就好像超人 普通人一样。
    → 标记
        也被称为“标签”,超文本之所以比普通文本牛,就是因为有特殊的标记。
    → 语言
     沟通方式,和浏览器说话用的语言。
    所以,超文本标记语言就是通过一些特殊的标记告诉网页中应当显示什么。
    作用:
     用来描述网页结构和内容。相当于描述人的身体结构和五脏六腑

  • HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>

  • HTML 标签通常是成对出现的,比如 <b> 和 </b>

  • 标签对中的第一个标签是开始标签,第二个标签是结束标签

  • 开始和结束标签也被称为开放标签闭合标签

  • HTML的标准和主流版本

    W3C(World Wide Web Consortium)
     → 万维网联盟,万维网联盟创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构。
     → 制定了HTML的标准。

       → 提供了工具书(手册)

    HTML主流版本:
    HTML4.01

      XHTML1.0
    HTML 5.0  推荐使用的版本

     

    HTML的基本结构

    下面就用2张图来描述HTML的基本结构

    大家都知道人体的结构,我们的网页和人体结构是一样的

    03.jpg

    我们的网页结构就如下图所示:

    02.jpg

经过上面的讲解,您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

在本教程中,您将学习如何使用 HTML 来创建站点。

HTML 很容易学习!相信您能很快学会它!


HTML 实例

本教程包含了数百个 HTML 实例。

使用本站的编辑器,您可以轻松实现在线修改 HTML,并查看实例运行结果。

注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。

实例

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>代码学院(www.daima.net)</title>

</head>

<body>

   <span>世界,您好!</span>

   <h1>我是新手</h1>

   <p>我的第一个段落。我想学习前端教程</p>

</body>

</html>


尝试一下 »

点击 "尝试一下" 按钮查看在线实例


上面的案例解释

  • <html> 与 </html> 之间的文本描述网页

  • <body> 与 </body> 之间的文本是可见的页面内容

  • <span>标签是行内元素,我们会在后面的课程介绍什么是行内元素什么是块级元素

  • <h1> 与 </h1> 之间的文本被显示为标题

  • <p> 与 </p> 之间的文本被显示为段落 

HTML文档的后缀名

  • .html

  • .htm

以上两种后缀名没有区别,都可以使用。

开始学习HTML!

HTML 实例

在 HTML 手册中包含了数百个在线实例,您可以在线编辑并查看运行结果。

查看 HTML 实例!

HTML 参考手册

在菜鸟教程中,我们提供了完整的 HTML 参考手册,其中包括标签、属性、颜色、实体等等。

HTML 标签参考手册

HTML/CSS/JS 在线工具

HTML/CSS/JS 在线工具可以在线编辑 HTML、CSS、JS 代码,并实时查看效果,你也可以将优质代码保存分享:https://www.denglu.net