第14章HTML基础.ppt

《第14章HTML基础.ppt》由会员分享，可在线阅读，更多相关《第14章HTML基础.ppt（34页珍藏版）》请在三一文库上搜索。

1、第14章 HTML基础,Internet网页的基础是HTML语言（超文本标记语言），这是一种标记控制语言。 网页浏览器（如IE等）可解析HTML语言,本章主要内容,HTML文件编辑器 HTML文件结构 字模与格式控制命令 表格 链接 图片 页面分帧 JavaScript,HTML为英文Hyper Text Markup Language（超文本标记语言）的缩写，属于标记控制语言。 所谓标记控制语言，即在源文件中插入排版控制标记（命令），通过专门的解析器解析后才能显示和打印排版后的效果。 所谓超文本，指除了文本内容外，还可以表现图形、图像、音频、视频、链接等非文本要素。 HTML语言的解析器主要

2、为网页浏览器。,网页及其HTML源代码,14.1 HTML文件编辑器,文本格式编辑器: Windows的记事本（Notepad） FrontPage的HTML源码编辑方式 UltraEdit软件（特别推荐）,1. 记事本,2. FrontPage的HTML模式,3. UltraEdit,14.2 HTML文件结构, HTML文件头 HTML文件体 ,对整体进行设置的参数、命令及注释,页面中表现的内容,HTML文件中的标记命令均以“”括住，大部分命令是成对出现的开关命令。 起始命令为“”，而结束命令则为“”。 HTML文件中的标记命令对大小写不敏感。,14.3 字模与格式控制命令,1Small：

3、缩小命令，作用为字号缩小一级。为开关命令。例如： 缩小一级字号 缩小两级字号 2Big：放大命令，作用为字号放大一级。为开关命令。例如： 放大一级字号 放大二级字号,3Strong：强调命令，作用为对文字加粗。为开关命令。例如： 文字强调（加粗） 4B：加粗命令，作用为对文字加粗。为开关命令。例如： 文字加粗 5i：斜体命令，作用为对文字做倾斜处理。为开关命令。例如： 文字倾斜 6U：下线命令，作用为对文字加上下划线。为开关命令。例如： 文字加下线,7FONT：字模控制命令，可用多个参数来控制字模的各个方面。为开关命令。 （1）size参数：控制字号的级数，共分7级。例： 字号为5级 （2）c

4、olor参数：控制文字的颜色，可以用颜色的英文单词来设置，也可以用以“#”开头的6位16进制数字来表示红、绿、蓝颜色。例如： 文字为红色 文字还是红色 （3）face参数：控制字体。例如： 字体为隶书,一些HTML命令及其在IE中的显示效果,8H1、H2、H3等：级别标题命令，为开关命令，用于设置各级标题。例如： 一级标题 二级标题 三级标题 9Center：段落居中命令。为开关命令。例如： 居中显示 10BR：折行命令。不是开关命令。例如 本命令后将重起一行。,11P：段落命令，为开关命令，带上参数后可对整个段落进行格式控制。 例如，align为对齐参数，其值有left、center、rig

5、ht等。以下是一些例子： 本命令括起一段后进行整体设置 本命令括起一段后进行整体设置，本参数为左对齐段落 本命令括起一段后进行整体设置，本参数为居中段落 本命令括起一段后进行整体设置，本参数为右对齐段落 在一个段落中， 可以通过BR命令来进行折行,另一些命令例子及显示效果,14.4 表 格,表格是一种基本的格式元素，HTML也包含对表格进行排版和控制的命令。,Table：表格命令，为开关命令，标记表格的开始和结束。可带参数。常用的参数有： （1）border参数：边框宽度参数，以像素为单位。 （2）bgcolor参数：背景颜色参数，可以用颜色的英文单词，也可以用以开头的6位16进制表示。 （3

6、）align参数：对齐位置参数，值有left、center、right等，代表左对齐、居中、右对齐。 （4）width参数：宽度参数，可用像素或所占显示窗口宽度的百分比表示。 （5）height参数：高度参数，可用像素或所占显示窗口高度的百分比表示。,1. 表格命令：table,2. 表行命令：tr,Tr：表行命令，为开关命令，标记一个表行的开始和结束。可带参数。常用的参数有： （1）bgcolor参数：背景颜色参数，可以用颜色英文单词或以开头的6位16进制表示。 （2）align参数：对齐位置参数，值有left、center、right等，代表该行表格单元中的内容左对齐、居中、右对齐。 （3

7、）height参数：高度参数，可用像素或所占显示窗口高度的百分比表示。,3. 单元格命令：td,Td：单元格命令，为开关命令，标记一个单元格的开始和结束。可带参数。常用的参数有： （1）bgcolor参数：背景颜色参数，可用颜色英文单词或以开头的6位16进制表示。 （2）align参数：水平对齐参数，值有left, center, right等，代表单元格内容左齐、居中、右齐。 （3）valign参数：垂直对齐位置参数，值有top、center、bottom等，分别代表单元格内容顶对齐、居中、底对齐。 （4）width参数：宽度参数，可用像素表示或百分比表示。 （5）height参数：高度参数

8、，可用像素表示或百分比表示。,14.5 链 接,链接命令的格式如下： 文字、图片或其他资源,例如，某表格例子程序名为file1003.htm，一个指向前述“表格”页面的链接代码为： 表格,下面再给出几个关于链接的例子： 1指向网站的链接。代码如下： 新浪网 2在新的页面中打开链接，代码如下： 新浪网 target指定目标显示窗口，_blank表示新开窗口。 3邮箱链接，点击后打开默认的邮件系统写信和发信。代码如下： 给我写信,14.6 图 片,图片命令的格式如下： ,图片命令参数常见的有： 1Border参数，表示图片边框的宽度，以像素为单位。 2Alt参数，图片的别名，即在将鼠标移至图片上面

9、时显示的文字。 3width参数：宽度参数，可用像素或所占整个窗口宽度的百分比表示。 4height参数：高度参数，可用像素或所占整个窗口高度的百分比表示。,下面给出一些关于图片的例子： 1加入一张图片，代码如下： ,2图片加边框。代码如下： ,3控制图片大小，代码如下： ,4图片加链接，代码如下： ,14.7 页面分帧,帧就是页面上独立的显示区域。通过对页面分帧，可以更好地对页面进行显示控制，并可减小单个页面的大小，加快页面显示的速度。,14.8 JavaScript,JavaScript是一段可以嵌入在Html文件中的描述语言，通过它可以执行一定的程序功能，以方便对页面进行控制。 例如，下面是一个JavaScript的简单例子： document.write(“用JavaScript写一句话!“) ,再如，自动跳窗代码如下： window.open(跳出窗显示的页面网址或文件名); ,思考与练习,1. 什么是标记控制语言？ 2. 对HTML编辑器有什么要求？ 3. HTML文件的结构是怎么样的？ 4. 掌握本章学习过的HTML命令。,