NFH.001 - 课堂笔记

---

9.27学习经验分享#

Bruce_Zhu于2016.9.28

---

0 前言

今天开始，我正式接触了Web前端中的超文本标记语言HTML。首先，无论学习什么语言，都有必要了解清楚与其相关的大环境。就如同学习C语言时，你得要了解C语言的诞生和历史沿革。这样，就可以帮助你更好地去理解这门语言。那么今天的分享就是HTML语言使用环境的简介和初级的语言编写。

1 HTML使用环境简介

1.1 Internet简介

Internet是一个全球性的计算机互联网络，我们所需要传递的信息在Internet上被分成许多小数据包进行传输，到达目的地后再将数据包重组为我们原始的信息。


Internet的通信协议是TCP/IP协议，其中文为传输控制协议/因特网互联协议，是Internet最基本的协议、Internet国际互联网络的基础，由网络层的IP协议和传输层的TCP协议组成。

1.2 Web简介

Web在实际应用中表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）等。


Web是基于Internet的一个多媒体信息服务系统，同时也是基于浏览器/服务器模式运作的系统。一个完整的Web传输网由Web服务器、浏览器(Browser)和通信协议三部分组成。

• 在Web服务器上，主要以网页的形式来发布多媒体信息
  
  
• 网页采用超文本标记语言HTML编写
  
  
• 浏览器软件连接到Web服务器并获取网页
  
  
• 浏览器解释HTML网页文档，并显示在用户的屏幕上
  
  

Web服务器需要能够和数据库进行通信，引用数据库中的数据。同时，Web的出现，极大的推动了Internet的普及与推广。

2 HTML入门

超级文本标记语言（HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。它使用带有尖括号的标记将网页中的内容逐一标识出来，并由浏览器进行解释执行。
用该语言编写的文件，以.html或.htm为后缀，在HTML页面上，可以嵌套使用脚本语言编写程序段，如VBScript/JavaScript等。

2.1 HTML基本语法

HTML用于描述功能的符号称为“标记”，比如：

但在HTML标记中，有封闭类型标记（双标记），也有非封闭类型的标记（单标记），例如：


封闭类型标记：

 
 ... 
 

非封闭类型标记：

 
 或
 
 

标记也可以称作为元素，每一对尖括号包围的部分就叫做元素。元素之间可以互相嵌套，形成更为复杂的语法。在嵌套元素时需要注意标记的嵌套顺序。

当我们需要对元素进行配置时，就离不开元素具有的属性。

属性的声明必须位于开始标记里，一个元素里的多个属性用空格进行分隔，并且多个属性之间不分先后顺序。

封闭型标记（双标记），为什么要封闭？因为要编写不同的文本。

2.2 HTML文档结构

1. 文档类型申明
   
   在文档的起始用DOCTYPE声明指定版本和风格，让浏览器清除文档的版本、类型和风格。
   
   
2. head元素
   
   head元素用于为页面定义全局信息，也是所有其他头元素的容器，紧跟在起始标签html之后。
3. body元素
   
   body元素出现在head元素之后，包含网页要显示给读者的内容，称为主题内容。