HTML一小时极速入门

 写这一篇文档的目的呢，就是让想了解HTML的朋友们（没什么基础的），能快速了解一下HTML。本文语言比较直白、易懂，如果有什么错误的话，请朋友们指正，在下谢过。
 ps：最近需要利用到前端的知识来发布地图服务(专业内容)，所以需要稍微了解一下前端的知识。本文的一切知识都是建立在观读了《HTML&CSS设计与构建网站》-JonDuckett-清华大学出版社-210。我觉得，HTML还是比较好学的一门语言，只需要记住一些元素是干啥的、怎么使用、以及里边的一些特性、id、class等等是干什么用的，就可以基本构建一个简单的小的网页了。

1. 什么是HTML

 HTML全称为Hyper Text Markup Language，意思是超文本标记语言，算是网络前端的一门语言，用于构建网页的框架。而CSS是为了固定一下内容在网页上的位置、字体的格式等，JS是为了实现更绚丽的功能。
 为啥说它是超文本呢，你可以记忆为，它不仅仅能标记文本，还能携带图像、视频、音乐这些非文本内容。
 为啥说它是标记呢，因为HTML本身是带有结构性的，通过块级或内联元素，把一段本文或者其他非文本内容进行排版。一是让我们的网页内容更规整、规矩，二是根据不同类型的内容（标题、粗斜体文字、列表、表格、框架、音频等），有不同类型的元素（、、

、、、

---

3. 各种元素

 学习HTML主要是学习通过元素来对文本与非文本内容进行排版： 文本的段落要用到

标签；列表可能要用到

标签；表格可能要用到;就像音频就可能要用到标签等等等等。
&emsp:下面，我将就几个常用的标签进行讲解：

3.1. 文本元素

  #一级大标题，
对应二级，以此类推
  #paragraph，块级元素，就是用于存放一段文字
  #bold加粗文字
  #italic文字斜体

3.2. 语义元素

 有些硬件，例如“屏幕阅读器”，可以根据网页的文字内容，进行朗读。有一些元素，就为了表达一些语气等，而被制定为语义元素。就如“…二营长，把老子的意大利炮给拿过来！…”这一句话需要高昂的声调来读，就可以使用以下两个元素：

  #强调
 #把文本定义为语气更强的强调的内容。

3.3. 列表

有序列表：

无序列表

自定义列表

3.3. 功能元素

   #指向一个网址，也可以是相对路径的网页内网址
  # 缩写词
  # 地址
 #引用 也是

3.5. 表格

3.6. 图片、音频、视频

  # 图片
  #音频
  # 视频

3.7. demo

 使用上述所有元素做一个demo:

    
    


这是一级大标题


    
这是一个段落，下面我为大家讲述一个故事，一位美国的数学家，他的名字叫科尔。
    早在20世纪初的时候，当时在数学界有这样一道难题，那就是2的76次方减1的结
    果是不是人们所猜想的质数。当时有很多科学家都在努力地攻克这一数学难关，
    但是都没有如愿。直到后来，在一次纽约数学学会的年会上，在年会现场，数学家
    科尔通过令人信服的运算，非常成功地证明了这道难题。有人问他:"请问您论证这
    个课题大约一共花了多长时间?"他回答说："我花掉了三年里的全部星期天。"


 二营长 

 把老子的意大利炮拿过来


这是有序列表的第一列
 这是有序列表的第二列



 这是无序列表的第一列
 这是无序列表的第二列



dt1
dd1 


指向百度的首页

Pro

上海市东方明珠

这是第一行

1
2


百度一下，你就知道

效果如下：