论如何学好HTML这门语言?(一)

时间:2019-04-19
本文章向大家介绍论如何学好HTML这门语言?(一),主要包括论如何学好HTML这门语言?(一)使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

HTML

万丈高楼平地起,我们只有一步一个脚印,踏实的往上努力才可能达到我们想要的目标。

首先来了解何为HTML?

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

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

HTML 标签

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

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>。成对出现的标签称为双标签,只有单个标签称为单标签。
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:

  <!DOCTYPE html>

  <html>

    <head>

      <meta charset = "utf-8" />

      <title>这是我的第一个HTML代码</title>

    </head>

    <body>

      <h1>这是header1标签</h1>

      <p>这是paragraph标签</p>

    </body>

  </html>

这是目前一个经典的的html代码。

代码解释:

●<!DOCTYPE html> :这是一个声明。声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签是告知浏览器本文档使用哪种 HTML 或 XHTML规范。该标签可声明三种  DTD类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。此知识点过于繁多,对此有兴趣的童鞋,可以自行去百度了解。【注:DOCTYPE是document type的缩写】

●<html>与</html>之间的文本为描述此网页。

●<head>与</head>之间的文本用于定义文档的头部,文档的头部描述了文档的各种属性和信息,<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

●<body>与</body>之间的文本是可见的页面内容显示给读者。

●<h1>与</h1>之间的文本会被显示为一级标题。【注:h1为header1的缩写】

●<p>与</p>之间的文本会被显示为段落。【注:p为paragraph的缩写】