网页设计与制作教程（HTML+CSS+JavaScript） 教学配套课件 刘瑞新 第1章 HTML基础.pdfVIP

网页设计与制作教程 网页设计与制作教程 （HTML+CSS+JavaScript） （HTML+CSS+JavaScript） 机械工业出版社同名教材 机械工业出版社同名教材 配套电子教案 配套电子教案 第1章 HTML基础 第1章 HTML基础 1.1 HTML简介 1.1 HTML简介 1.2 HTML编写规范 1.2 HTML编写规范 1.3 网页文件的创建过程 1.3 网页文件的创建过程 1.4 搭建支持HTML5 的浏览器环境 1.4 搭建支持HTML5 的浏览器环境 1.5 文字与段落排版 1.5 文字与段落排版 1.6 超链接 1.6 超链接 1.7 图像 1.7 图像 1.8 表格 1.8 表格 1.9 列表 1.9 列表 1.1 HTML简介 1.1 HTML简介 HTML是HyperText Markup Language （超文本置标语 HTML是HyperText Markup Language （超文本置标语 言）的缩写，是一种为普通文件中某些字句加上标签的语 言）的缩写，是一种为普通文件中某些字句加上标签的语 言，其目的在于运用标签（tag）对文件达到预期的效果。 言，其目的在于运用标签（tag）对文件达到预期的效果。 1.1.1 HTML发展历史 1.1.1 HTML发展历史 1.1 HTML简介 1.1 HTML简介 1.1.2 HTML5的特性及元素 1.1.2 HTML5的特性及元素 (1) 实现Web应用程序 (1) 实现Web应用程序 HTML5用于实现Web应用程序的功能如下： HTML5用于实现Web应用程序的功能如下： 　 绘画的Canvas元素，该元素就像在浏览器中嵌入一块画布，程序可 　 绘画的Canvas元素，该元素就像在浏览器中嵌入一块画布，程序可 以在画布上绘画。 以在画布上绘画。 　 更好的用户交互操作，包括拖放、内容可编辑等。 　 更好的用户交互操作，包括拖放、内容可编辑等。 　 扩展的HTMLDOM API （Application Programming Interface，应用 　 扩展的HTMLDOM API （Application Programming Interface，应用 程序编程接口）。 程序编程接口）。 (2) 更好地呈现内容 (2) 更好地呈现内容 基于Web表现的需要，HTML5引入了更好地呈现内容的元素 基于Web表现的需要，HTML5引入了更好地呈现内容的元素 　 用于视频、音频播放的video元素和audio元素。 　 用于视频、音频播放的video元素和audio元素。 　 用于文档结构的article、footer、header、nav、section等元素。 　 用于文档结构的article、footer、header、nav、section等元素。 1.2 HTML编写规范 1.2 HTML编写规范 1.2.1 HTML文档结构 1.2.1 HTML文档结构 1．标签 1．标签 HTML文档由标签和被标签的内容组成。标签能产生所需 HTML文档由标签和被标签的内容组成。标签能产生所需 要的各种效果。其功能类似于一个排版软件，将网页的内容 要的各种效果。其功能类似于一个排版软件，将网页的内容 排成理想的效果。其格式为： 排成理想的效果。其格式为： 标签 受标签影响的内容 /标签 标签 受标签影响的内容 /标签 2．标签的属性 2．标签的属性 每个标签都有一系列的属性。标签通过属性来制作出各 每个标签都有一系列的属性。标签通过属性来制作出各 种效果，格式为： 种效果，格式为： 标签 属性1=属性值1 属性2=属性值2 … 受标签影响的内容 / 标签 属性1=属性值1