《html制作基础》PPT课件.ppt

1、2020/8/4，1，第8章，HTML制作，2020/8/4，2，HTML语言，1 HTML语言概要2文档的格式和样式3多媒体和超链接4制作表5制作表6框架结构，2020/8 WWW上的信息大部分是http HTML的一般应用程序使用户能够直接从一个主题检索到另一个主题，而不是线性搜索和阅读。 本章的首页，2020/8/4，4，HTML语言概要，1.1 HTML概要HTML是(超文本标记语言，超文本标记语言)的缩写，最初来源于SGML语言。 HTML是一种符号标记语言，用于表示互联网上的信息。 在WWW中，公共信息通常使用HTML。 这是网页的基础，任何网页都离不开HTML，HTML也是Web

2、应用程序开发的基础。 HTML语言是大多数浏览器都可以识别的语言，使用HTML语法规则创建的文本可以在不同的OS平台上运行，大多数用户都可以接受。 2020/8/4、5、HTML语言概要，为什么要学习HTML？ 微软推出的Microsoft FrontPage、Adobe推出的Adobe Pagemill、微软推出的Dreamweaver等编辑工具，被称为“只看就能得到”的网页制作工具这些图形化的开发工具可以直接处理网页，而无需写出辛苦的标签。 这样，用户就可以创建不基于HTML语言的网页。 此时，开发工具为您完成了创建HTML文档的任务。 这是网页图形编辑工具的最大成功点，但也是最大的缺点。

3、 受图形编辑工具本身的限制，会产生大量的垃圾邮件。 2020/8/4、6、HTML语言概要，为什么要学习HTML？ 聪明的网页撰写人可以根据图形编辑工具进一步掌握HTML语言，知道这是垃圾邮件代码，利用图形HTML开发工具快速创建网页，消除无用的代码，快速创建高质量的网页1 HTML语言概述，IE浏览器菜单命令“查看”-源文件显示在“记事本”中打开的常规文本文件(HTML文档)。 没有图形和声音等多媒体内容，但是包含指向这些类型的文件的指针和链接。 要创建HTML文档，只需要两个基本工具： HTML编辑器和WBE浏览器。2020/8/4、7、2020/8/4、8、1html语言概述、1.2文档

4、的结构标头信息正文部分、文件的开头和末尾用和表示。 标签标头和标签的正文部分包含文件的基本信息，如和标题，是整个文件的主体部分。 2020/8/4、9和1html语言概述。 这是标题部分。 你好，这是正文部分！ 2020/8/4，10，1html语言概要，1.3 HTML标记1 html文件标记形式：功能：表示文件开始和结束的标记。 2HTML标头标记格式：功能：用于包含文件的基本信息。 是提示网页内容和功能的文本，显示在浏览器的标题栏中，网页只显示一个标题，只显示在文档的开头。 3HTML文件主体标记格式：功能：文件主体标记。2020/8/4、11、1HTML语言概述、1.3 HTML标记的

5、HTML文档的一个和标记中包含的分割以及两个大部分HTML文件中不区分大小写的HTML文件扩展名为. HTML或. htm。 目前，html语言在写入时没有区别，如果要启动“记事本”程序，在输入内容后保存文件，请在“保存类型”框中选择“所有文件”，在“文件名”框中选择hello.htm (不能省略扩展名)HTML由徽标和属性组成，用于标识单个文档部件，并向浏览器传达如何显示文档。 标签：通过指定块信息显示为段落、图形等来识别文档部件。 属性：标志的可选项，在标志中修饰或进一步指定信息。 颜色、配置、高度、宽度等。 HTML的基本概念、标签：用于控制文字、图形等的显示方法的符号。 (1)单一标记

6、：只要单独使用就能完全表现意思的标记。 语法： (2)双标记：由“起始标记”和“终止标记”两部分组成，是必须成对使用的标记。 语法：内容是指作用于此标记的部分。 HTML的基本概念，标签属性：开始标签可以包含的属性，语法：各属性之间没有优先顺序，也可以省略属性。 水平标记、HTML基本概念、注释语句：格式为。 文件中的注释用“！” 标记，“”表示注释结束，中间的所有内容都表示注释。 评论语句可以放在任何地方，评论的内容不会显示在浏览器中，只有设置修订者才容易阅读。2020/8/4、17、超文本中的标记是刚刚接触到超文本，遇到的最大障碍是用“”括起来的句子，我们称之为标记，是用于分割和标记文本的

7、元素，包括文本布局、字符格式、 所有标记都包含在尖括号中的元素，尖括号指示浏览器中的文本是HTML命令。 这些标签名多是对应的英语单词的开头字符或略语，例如Table显示表(Table )、IMG显示图像(Image )等中经常存储。2020/8/4、18、超文本中的标记效果差异很大，但整体表现形式相似，出现大多数对，标记受影响的内容总结：一个标记用“”包围，如、等等，2020/8 下面是一个示例。 有些标记不会结束，所以被称为单一标记。 三个标签可以是大小写的，标记相同段的内容没有限制，多个标签可以配合使用，产生一定的效果。 此时，各标签间的顺序也是任意的。 超文本中的标签、2020/8/4

8、、20、单标签可以通过单独使用完全表示意义，这样的标签的语法表示最通用的单标签或换行。2020/8/4、21、双标签由“开始标签”和“结束标签”两部分组成，必须成对使用。 开始标签表示Web浏览器从此处执行该标签所指示的功能，结束标签表示Web浏览器从此处结束功能。 如果在开始标记前加斜杠(/)，则成为结束标记。 这种标签的语法是内容中的“内容”部分作用于该标签的部分。 例如，如果要强调某文本的显示，请将该文本加入标签。 第一：2020/8/4，22，标签的属性，标签只规定它是什么信息、文本还是图像，但是如何显示或控制这些信息，标签后面必须有关联的属性才能显示，语法结构是受影响的内容，2020

9、 如有必要，可以选择此标签的所有属性，也可以仅选择一些必要的属性。 属性之间没有优先级。 2020/8/4，24，标签属性。 例如，单个标记表示在文档的当前位置绘制水平线。 通常从窗口中当前行的左端绘制到右端。如果有多个属性： SIZE属性定义线条粗细，属性值为整数，缺少为ALIGN属性指示可以使用左对齐、默认对齐、中心对齐和右对齐的对齐方式。 WIDTH属性定义线条长度、相对值(包围的百分比，表示整个窗口的百分比)或绝对值(以整数表示的屏幕像素数，如WIDTH=300 )。 默认值为100%。 HTML语法规则；(1)HTML文件存储为纯文本； htm或. HTML (2)HTML标记不区分

10、大小写；(3)许多HTML标记可以嵌套，但不能相交。 (4)HTML文件可以在一行中写入多个标签，一个标签可以分成多行写入，不需要继续符号。 (5)HTML源文件中的换行、换行、多个连续空格(仅显示一个空格)在显示效果上无效。 显示内容有换行用标签、换行用标签、需要多个空格的情况下，可以使用多个“quot、2020/8/4、26、2文档的格式和样式，在大多数网页中，文档是核心内容，是适当的文档文档格式包括标题和文本字体、大小、字体、颜色、段落格式、文本布局等。 本章的首页，2020/8/4，27，2文档的格式和样式，2.1设置属性，2020/8/4，28，2文档的格式和样式，2.1设置属性，网

11、页内容，2020 black=# 00000 green=# 008000 lime=# 00ff 00 olive=# 808000 yellow=# ffff 00 navy=# 00080 blue=# 0000 ff teal=# 00002. 2段落格式1标题标签格式：第一级标题第二级标题第三级标题数字越小，尺寸越大。2020/8/4、31、标题文本标签、的属性align用于设置标题在页内的对齐方式： left :左对齐中心：中间对齐right :右对齐格式：标题文本说明：使用此标签进行文章标题32、标题文本标记、标题样本这是1行普通文字1级标题2级标题3级标题4级标题(左) 5级标

12、题(中央) 6级标题(右)、2020/8/4、33、2020/8/4、34、文本的设定、网页用标签设定大小。 格式可以是设置的字符、2020/8/4、35、字符大小设置，标记可以是字符的字体、大小和颜色。 其中属性： size用于设置文本的大小。 数字可取值的范围为17，取1时最小，取7时最大。 其中，默认值为3。 您可以在SIZE属性值前加上、字元，指定相对于初始大小的增量或减法。 基准尺寸为3、3时表示6号字。 face设定字体。 黑体、宋体、楷体等。 color设定文字的颜色。 2020/8/4，36，字符大小设置，这是size=7的字体这是size=6的字体这是size=5的字体这是s

13、ize=4的字体这是size=3的字体这是size=2的字体face的属性值是本机只要对方的电脑里放着同样的字体，他的浏览器里就会出现你预先设计好的风格。2020/8/4，38，欢迎使用文字字体设置，欢迎使用欢迎使用欢迎使用欢迎使用欢迎使用欢迎使用欢迎使用2020/8/4，39，文字颜色设置和文字颜色设置有两种方法1，标记的文本属性格式：文本此处的颜色值是“#”作为前缀、2020/8/4、40、字符颜色设置、2、标签颜色属性：可以设置网页、段落、短语、单词或单词的颜色。 格式：文本此处的颜色值可以是使用“#”作为前缀的十六进制或以下十六种颜色的名称。 2020/8/4，41，文字颜色的设定，五

14、彩世界五彩世界五彩世界五彩世界五彩世界五彩世界五彩世界，2020/8/4，42，文字颜色的设定，标记的同时定义文字颜色，2020/4 在整齐、清晰、文字段落之间，我们经常做标记。 从文档段落开始的标签，从段落结束的标签。 与段落标记不同，段落标记不仅可以用下一行替换后续字符，还可以在两段之间添加空行。 下一个开始意味着前一个结束，所以可以省略。 标签还有一个属性ALIGN，用于指定字符显示时的对齐方式。 正常值有中心、左侧和右侧三种。2020/8/4、44、段落标记、段落标签浣溪沙一曲新词酒满，去年天气老亭台，夕阳西下几点开门。 无可奈何的花落了下来，好像燕子回来了。 小园香径徘徊了好几次。2020/8/4、45、段落标记、段落标签登鹳雀楼昼依山尽、黄河入海流。 想穷千里眼，就上楼去。2020/8/4、46、2文档的格式和样式，3预定义的格式标记格式：功能：在浏览器中阅览时，以预先嵌入到文档中的形式显示内容。 如果在文本的开头加上末尾，就不需要在中间加上别的标签，此时中间的换行等起作用，可以原样显示。 预定格式标签使用床前明月光疑似地霜举头望明月头低下，想起故乡的兰陵美酒郁金香玉碗盛来琥珀光，但是不知道主人能喝醉的客人