二、HTML

HTML语言是用来描述网页的一种语言，该语言是一种标签语言，而不是编程语言，主要用于描述超文本中内容的显示方式。

2.1HTML语法基础

2.1.1HTML文档结构

完整的HTML文件包括头部和主体两大部分，头部描述了文档的各种属性和信息，包括文档的标题、在Web中的位置以及和其他文档的关系等；主体包括文本、段落、列表、表格、绘制的图形以及各种嵌入对象，这些对象称为HTML元素。
基本的HTML文件结构

<!DOCTYPE html>
<html><head>头部信息</head><body>主体信息</body>
</html>

<!DOCTYPE html>位于文档中最前面的位置，处于html标签之前，此标签告知浏览器文档使用哪种HTML或者XHTML规范。
<html>和</html>标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。
<head>和</head>之间定义文档的头部，它是所有头部元素的容器。在该标签中可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等。该标签的作用范围是整篇文档，定义在该标签内的内容一般不会直接显示在网页上。
<body>和</body>之间包含文档的所有内容如文本、超链接、图片、表格和列等。
标签不允许交叉出现

2.1.2HTML文档头部相关标签

1.<title>标签

<title>用于定义定义HTML页面的标题，即给网页取一个名字，必须位于<title>之内。
作用：

在浏览器的标题栏中显示标题
标题可以用作默认快捷方式或收藏夹的名称
标题还可以作为搜索引擎中的页面标题

注意：

一个网页只能有一个标题
标题名称的长度不超过64个字符
标题标记对之间不允许有其它的标签存在

2.<meta/>标签

对页面的属性设置，如设置刷新、失效期、缓存、cookie等，通过http-equiv属性进行指定。
对搜索引擎属性的设置，如设置关键字、简介、作者、机器人向导、版权、编辑器等，通过name属性进行指定。
在HTML5中新增字符编码的属性设置，通过charset属性进行指定。
基本语法

<meta http-equiv="" content="" />
<meta name="" content="" />

content用于描述http-equiv或name的作用。

3.<link>标签

在<head>标签中用<link>标签可以引用外部文件，一个页面允许使用多个<link>标签引用多个外部文件。
作用：
定义文档与外部资源的关系，最常见的用途是链接样式表。
语法格式：

<head>
<link rel="" type="" href="" />
</head>

属性名	常用属性值	描述
href	URL	指定引用外部文档的地址
rel	stylesheet	指定当前文档与引用外部文档的关系，该属性值通常为stylesheet,表示定义一个外部样式表
type	text/css	引用外部文档的类型为CSS样式表
type	text/javascript	引用外部文档的类型为javacsript脚本

4.<style>标签

为HTML文档定义样式信息，位于<head>头部标记中。

Web前端开发与应用相关推荐

读书笔记：编写高质量代码--web前端开发修炼之道（二：5章）
读书笔记:编写高质量代码--web前端开发修炼之道这本书看得断断续续,不连贯,笔记也是有些马虎了,想了解这本书内容的童鞋可以借鉴我的这篇笔记,希望对大家有帮助. 笔记有点长,所以分为一,二两个部分: ...
web前端开发最佳实践_学习前端Web开发的最佳方法
web前端开发最佳实践为什么要进行网站开发? (Why web development?) Web development is a field that is not going anywhere ...
参加web前端开发培训具体要学什么内容
学习web前端技术不是一天两天就能学会的,想要成为一名合格的web前端工程师,一定要进行系统的培训学习,那么下面小编就为大家详细的介绍一下参加web前端开发培训具体要学什么内容? 参加web前端开发培 ...
零基础如何掌握web前端开发技能
很多零基础学员想要进入到互联网行业都会选择web前端做首选技术语言来学习,但是学习web前端不是那么容易的,想要成为一名合格的web前端工程师,所要掌握的技能一定要会,下面小编就为大家详细的介绍一下零 ...
学习web前端开发要注意什么
web前端的发展前景有目共睹,越来越多的人都对web前端这门编程语言非常感兴趣,想要学习web前端技术,那么学习web前端开发要注意什么呢?大家在学习之前是否有做好这些功课呢?来看看下面的详细介绍吧. ...
学好web前端开发要注意哪些问题
web前端学起来是比较困难的,当然想要学好web前端技术,那么有一些注意事项一定是要看的,下面小编就为大家详细的介绍一下学好web前端开发要注意哪些问题? 学好web前端开发要注意哪些问题? 基础 ...
web前端开发培训有哪些学习阶段
web前端技术主要针对于移动互联网是比较多的,对于零基础的同学来说前期主要学习基本的静态布局,HTML + CSS,下面是web前端开发培训有哪些学习阶段的具体内容. web前端开发培训有哪些 ...
web前端开发培训完就业前景怎么样
很多人都在学习web前端技术,认为学好这一项编程技术,找工作是非常稳定的,那么到底web前端开发培训完就业前景怎么样呢?来看看下面的详细介绍就知道了. web前端开发培训完就业前景怎么样? web前端 ...
什么人适合学习web前端?怎样学好web前端开发?
web前端在IT互联网行业的发展前景是非常可观的,越来越多的人都在学习web前端技术,那么什么人适合学习web前端?怎样学好web前端开发?相信大家都想了解这些问题,我们来看看下面的详细介绍. 什么人 ...
零基础怎么学习web前端开发
零基础怎么学习web前端开发?web前端在移动互联网行业的运用是非常广泛的,而且web前端开发技术所涵盖的知识有很多,具体要怎么学习,来看看小编下面的详细介绍吧. 零基础怎么学习web前端开发?对零基 ...

Web前端开发与应用