第14章 HTML基础.pptVIP

第14章 HTML基础 Internet网页的基础是HTML语言（超文本标记语言），这是一种标记控制语言。 网页浏览器（如IE等）可解析HTML语言 本章主要内容 HTML文件编辑器 HTML文件结构 字模与格式控制命令 表格 链接 图片 页面分帧 JavaScript HTML为英文Hyper Text Markup Language（超文本标记语言）的缩写，属于标记控制语言。 所谓标记控制语言，即在源文件中插入排版控制标记（命令），通过专门的解析器解析后才能显示和打印排版后的效果。 所谓超文本，指除了文本内容外，还可以表现图形、图像、音频、视频、链接等非文本要素。 HTML语言的解析器主要为网页浏览器。 网页及其HTML源代码 14.1 HTML文件编辑器 文本格式编辑器: Windows的记事本（Notepad） FrontPage的HTML源码编辑方式 UltraEdit软件（特别推荐） 1. 记事本 2. FrontPage的HTML模式 3. UltraEdit 14.2 HTML文件结构 html head HTML文件头 /head body HTML文件体 /body /html HTML文件中的标记命令均以“”括住，大部分命令是成对出现的开关命令。 起始命令为“命令”，而结束命令则为“/命令”。 HTML文件中的标记命令对大小写不敏感。 14.3 字模与格式控制命令 1．Small：缩小命令，作用为字号缩小一级。为开关命令。例如： small缩小一级字号/small smallsmall缩小两级字号/small/small 2．Big：放大命令，作用为字号放大一级。为开关命令。例如： big放大一级字号/big bigbig放大二级字号/big/big 3．Strong：强调命令，作用为对文字加粗。为开关命令。例如： strong文字强调（加粗）/strong 4．B：加粗命令，作用为对文字加粗。为开关命令。例如： b文字加粗/b 5．i：斜体命令，作用为对文字做倾斜处理。为开关命令。例如： i文字倾斜/i 6．U：下线命令，作用为对文字加上下划线。为开关命令。例如： u文字加下线/u 7．FONT：字模控制命令，可用多个参数来控制字模的各个方面。为开关命令。 （1）size参数：控制字号的级数，共分7级。例： font size=5字号为5级/u （2）color参数：控制文字的颜色，可以用颜色的英文单词来设置，也可以用以“#”开头的6位16进制数字来表示红、绿、蓝颜色。例如： font color=red文字为红色/font font color=#FF0000文字还是红色/font （3）face参数：控制字体。例如： font face=隶书字体为隶书/font 一些HTML命令及其在IE中的显示效果 8．H1、H2、H3等：级别标题命令，为开关命令，用于设置各级标题。例如： h1一级标题/h1 h2二级标题/h2 h3三级标题/h3 9．Center：段落居中命令。为开关命令。例如： center居中显示/center 10．BR：折行命令。不是开关命令。例如 本命令后将重起一行。br 11．P：段落命令，为开关命令，带上参数后可对整个段落进行格式控制。 例如，align为对齐参数，其值有left、center、right等。以下是一些例子： p本命令括起一段后进行整体设置/p p align=left本命令括起一段后进行整体设置，本参数为左对齐段落/p p align=center本命令括起一段后进行整体设置，本参数为居中段落/p p align=right本命令括起一段后进行整体设置，本参数为右对齐段落/p p在一个段落中，br 可以通过BR命令来进行折行/p 另一些命令例子及显示效果 14.4 表 格 表格是一种基本的格式元素，HTML也包含对表格进行排版和控制的命令。 1. 表格命令：table Table：表格命令，为开关命令，标记表格的开始和结束。可带参数。常用的参数有： （1）border参数：边框宽度参数，以像素为单位。 （2）bgcolor参数：背景颜色参数，可以用颜色的英文单词，也可以用以＃开头的6位16进制表示。 （3）align参数：对齐位置参数，值有left、center、right等，代表左对齐、居中、右对齐。 （4）width参数：宽度参数，可用像素或所占显示窗口宽度的百分比表示。 （5）height参数：高度参数，可用像素或所占显示窗口高度的百分比表示。 2. 表行命令：tr Tr：表行命令，为开关命令，标记一个表行的开始和结束。可带参数。常用的参数有：