以下内容部分引用自百度百科

1.HTML简介

HTML的全称为超文本标记语言（Hyper Text Markup Language），是由www的发明者Tim Berners-Lee爵士及其同事于1990年创立的一种发明的。将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。

李爵士于2017年获得图灵奖。

关于HTML更详细、更专业的介绍，可参考 网道HTML教程

2.HTML起手式

    <!DOCTYPE html> //声明文档类型
    <html lang="zh-CN"> 
    <head> <meta charset="UTF-8">//文件的字符编码
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> //使用最新IE内核
    <meta name="viewport" content="width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> //禁用缩放，兼容手机
    <title>我的文档标题</title> 
    </head> 
    <body> 
    content 
    </body> 
    </html>

声明文档类型
将语言改为适用于中国大陆的简体中文zh-CN
meta部分按照以上代码编写即可。
title标签内为该文档的标题。

3.常用的章节标签

标题标签，h1-h6共六级。
章节标签section。
文章标签article。
段落标签p。
头部标签header，主要内容标签main，旁支内容标签aside。脚部标签footer。
划分标签div。

<body>
  <header> 这是顶部内容 </header>
  <div>
    <main>
      <h1> 这是一级标题 </h1>
      <section>
        <h2> 这是二级标题，在第一个section </h2>
        <p>这是段落内的一段话一段话一段话。</p>
        <section>
          <h3> 这是三级标题，在第二个section</h3>
          <p>这是一段话，从这到一级标题都是主要内容，都在main标签里面。</p>
        </section>
      </section>
    </main>
    <aside>
     这是旁支内容。
    </aside>
  </div>
  <footer>这是底部内容。header标签和footer标签之间是个整体，使用div标签包含他们。</footer>

  
</body>

展示效果如下

这是顶部内容

这是一级标题

这是二级标题，在第一个section

这是段落内的一段话一段话一段话。

这是三级标题，在第二个section

这是一段话，从这到一级标题都是主要内容，都在main标签里面。

这是旁支内容。

这是底部内容。

4.全局属性

全局属性指的是所有标签都有的属性。例如以下几个:
class:分类，给标签分类，可以加多个。
contenteditable：内容可编辑，允许用户直接编辑该标签中的元素。
hidden：将标签隐藏。
id：类似class，不到万不得已不要用，浏览器中说是唯一但往往重复赋予id并不报错。此外，id的值不能与window已经存在的全局属性重复。
style：规定标签的样式，优先级大于css中规定的样式，但低于JS中规定的样式。
title：当文字超长，页面上出现省略号时，鼠标悬浮显示的内容。
tebindex：用户摁下tab选定元素的顺序，值越低，优先级越高，不必连续。值为-1时表示永远不被选中，值为0时表示最后一个被选中。

5.常见的内容标签

ol li：有序列表。
ul li：无序列表。
pre : 预定义格式文本，文本中的space（空格）回车及tab均会保留，默认为内联样式.
hr : 分割线。
br : 换行。
a : anchor 锚点，属性有herf后跟链接，target确定新打开的页面是否在新页面中，若其参数为_blank则新开一个页面。
em : emphasize 强调，默认斜体，语气上的强调。
strong : 本质上的强调，默认加粗。
code : code标签包含的字默认等宽。
quote : 引用，默认是内联样式。
blockquote : 换行的引用。

6.一些tips

默认样式都很丑，一般先清除默认样式，再写业务样式。可以去抄大厂的业务样式代码。
HTML默认将多个空格、回车、tab合并成一个空格。要是想保留，则把这个语句用pre包裹。
设置一个按钮，点击之后页面什么操作也没有的方法：<a href="JavaScript:;">按钮名称</a>

HTML入门