2. 第二章 HTML语言（一）.pptx

;;;2.1 HTML基本语法 2.2 HTML文档基本结构 2.3 HTML文档头部相关标签 2.4 段落与文本格式化 2.5 列表 2.6 超链接 ;2.1 HTML基本语法 HTML是一种标签式语言，通过使用各种不同的标签来定义网页元素。HTML标签是由尖括号包围的关键词，例如html。HTML标签通常分为单标签和双标签。HTML标签对大小写不敏感，对于浏览器来说，html、HTML和Html都是同一个标签。 2.1.1 双标签 HTML标签通常是成对出现的，双标签由开始标签和结束标签两部分组成，必须成对使用，基本格式为： 标签名内容/标签名 例如：p这是一段文字/p 标签可以成对嵌套，但是不能交叉使用。  例如，我们可以在h3标签中嵌套一个i标签： h3i在h3标签中正确嵌套i标签/i/h3 但这样交叉嵌套是错误的： h3i在h3标签中正确嵌套i标签/h3/i;2.1.2 单标签 单标签是指可以单独使用即可表达明确意思的标签，不需要成对出现的。单标签的基本格式为： 标签名/或标签名 按照XHTML1.0规范要求，单标签也需要加上结束标志，即要使用标签名/这样的格式。 常用的HTML单标签有：换行标签br/、水平分割线标签hr/等。 2.1.3 属性 大多数的HTML标签都具有属性，通过设定属性值，可以让标签在浏览器中有不同的表现形式。HTML标签属性的基本语法是： 标签名称 属性名1=“属性值1” 属性名2=“属性值2”……属性名n=“属性值n” 例如：p align=“center”这是一段居中对齐效果的段落/p hr size=5 color=red width=75%/; 2.1.4 注释 作为一个合格的Web前端开发工程师，需要养成良好的变成习惯，如在网页文件中添加一定的注释，以提高代码的可读性和可维护性。 网页文件中所添加的注释，在浏览器中显示的时候，会被忽略掉。 在HTML代码中有两种添加注释的方法： 1. 使用!-- 和 --标签 基本语法格式为： !-- 注释信息 -- 注意，???尖括号、感叹号和 两个横线（!--）之间不能有空格等符号。（--）是注释结束符号。 2. 使用comment标签 comment是一个双标签，其基本语法格式为： comment注释信息/comment 开始标签comment和结束标签/comment之间的是注释内容。;2.2HTML文档基本结构 一个完整的HTML文档，是由头部head和主体body两部分组成。HTML文档以html标签开始，以/html标签结束。所有的HTML代码都位于这两个标签之间。 图2-2 HTML文档结构图; ! DOCTYPE标签位于文档的最前面，用于向浏览器说明当前文档使用的是那种HTML规范，有助于浏览器能够正确的显示网页。图2-2中的HTML代码使用的是HTML 4.0规范。最新的HTML 5规范，将该标签简化为：!DOCTYPE html。注意，doctype声明是不区分大小写的。 html标签用于告诉浏览器，这是一个Web文档，要按照HTML语言规范对文档内容进行解释。 head……/head是HTML的头部标签，用于定义网页的标题、元标签、引入的外部样式表、脚本文件等信息。一个HTML文档只能有一对head标签。 body……/body标签之间的内容就是用HTML标签来定义的在网页中要显示的文字、图片等信息。只有body……/body之间的内容才会在浏览器中显示出来。 ;2.3 HTML文档头部相关标签 HTML文档的头部标签head主要包含页面的标题标签、元信息标签、引入外部的样式表、脚本文件等标签，head标签所包含的信息一般不会显示在网页上。 2.3.1 页面标题标签title/title title标签用于定义HTML文档的标题，title标签之间的内容将显示在浏览器窗口的标题栏中，其基本的语法格式为： title网页标题内容/title（录屏） ;2.3.2 元信息标签meta meta标签用于提供网页的元信息，这些信息不会显示在网页上，但是对于浏览器来说是可读的，用于设置网页的搜索关键字、网页的编码格式等。 meta标签有两个属性：http-equiv和name。 http-equiv属性：模拟http协议文件头信息，当信息从服务器传到客户端时，告诉浏览器如何正确显示网页内容。该属性一般与content属性配合使用，content属性用于指定信息的详细参数。 name属性：用于设置网页的搜索关键字、版权信息、网页作者等。具体的内容由content属性来设置。 meta name= content=/， name 属性用于描述网页，它是名称/值对中的名