第14章HTML基础

第14章 HTML基础Internet网页的基础是HTML语言（超文本标记语言），这是一种标记控制语言。网页浏览器（如IE等）可解析HTML语言本章主要内容nHTML文件编辑器nHTML文件结构n字模与格式控制命令n表格n链接n图片n页面分帧nJavaScript nHTML为英文Hyper Text Markup Language（超文本标记语言）的缩写，属于标记控制语言。n所谓标记控制语言，即在源文件中插入排版控制标记（命令），通过专门的解析器解析后才能显示和打印排版后的效果。n所谓超文本，指除了文本内容外，还可以表现图形、图像、音频、视频、链接等非文本要素。nHTML语言的解析器主要为网页浏览器。网页及其HTML源代码14.1 HTML文件编辑器n文本格式编辑器:nWindows的记事本（Notepad）nFrontPage的HTML源码编辑方式nUltraEdit软件（特别推荐）1.记事本2.FrontPage的HTML模式3.UltraEdit 14.2 HTML文件结构 HTML文件头 HTML文件体 n对整体进行设置的参数、命令及注释页面中表现的内容nHTML文件中的标记命令均以“”括住，大部分命令是成对出现的开关命令。n起始命令为“”，而结束命令则为“”。nHTML文件中的标记命令对大小写不敏感。14.3 字模与格式控制命令1Small：缩小命令，作用为字号缩小一级。为开关命令。例如：缩小一级字号缩小两级字号2Big：放大命令，作用为字号放大一级。为开关命令。例如：放大一级字号放大二级字号3Strong：强调命令，作用为对文字加粗。为开关命令。例如：文字强调（加粗）4B：加粗命令，作用为对文字加粗。为开关命令。例如：文字加粗5i：斜体命令，作用为对文字做倾斜处理。为开关命令。例如：文字倾斜6U：下线命令，作用为对文字加上下划线。为开关命令。例如：文字加下线7FONT：字模控制命令，可用多个参数来控制字模的各个方面。为开关命令。（1）size参数：控制字号的级数，共分7级。例：字号为5级（2）color参数：控制文字的颜色，可以用颜色的英文单词来设置，也可以用以“#”开头的6位16进制数字来表示红、绿、蓝颜色。例如：文字为红色文字还是红色（3）face参数：控制字体。例如：字体为隶书一些HTML命令及其在IE中的显示效果8H1、H2、H3等：级别标题命令，为开关命令，用于设置各级标题。例如：一级标题二级标题三级标题9Center：段落居中命令。为开关命令。例如：居中显示10BR：折行命令。不是开关命令。例如本命令后将重起一行。11P：段落命令，为开关命令，带上参数后可对整个段落进行格式控制。n例如，align为对齐参数，其值有left、center、right等。以下是一些例子：本命令括起一段后进行整体设置本命令括起一段后进行整体设置，本参数为左对齐段落本命令括起一段后进行整体设置，本参数为居中段落本命令括起一段后进行整体设置，本参数为右对齐段落在一个段落中，可以通过BR命令来进行折行另一些命令例子及显示效果14.4 表 格n表格是一种基本的格式元素，HTML也包含对表格进行排版和控制的命令。Table：表格命令，为开关命令，标记表格的开始和结束。可带参数。常用的参数有：（1）border参数：边框宽度参数，以像素为单位。（2）bgcolor参数：背景颜色参数，可以用颜色的英文单词，也可以用以开头的6位16进制表示。（3）align参数：对齐位置参数，值有left、center、right等，代表左对齐、居中、右对齐。（4）width参数：宽度参数，可用像素或所占显示窗口宽度的百分比表示。（5）height参数：高度参数，可用像素或所占显示窗口高度的百分比表示。1.表格命令：table2.表行命令：trTr：表行命令，为开关命令，标记一个表行的开始和结束。可带参数。常用的参数有：（1）bgcolor参数：背景颜色参数，可以用颜色英文单词或以开头的6位16进制表示。（2）align参数：对齐位置参数，值有left、center、right等，代表该行表格单元中的内容左对齐、居中、右对齐。（3）height参数：高度参数，可用像素或所占显示窗口高度的百分比表示。3.单元格命令：tdTd：单元格命令，为开关命令，标记一个单元格的开始和结束。可带参数。常用的参数有：（1）bgcolor参数：背景颜色参数，可用颜色英文单词或以开头的6位16进制表示。（2）align参数：水平对齐参数，值有left,center,right等，代表单元格内容左齐、居中、右齐。（3）valign参数：垂直对齐位置参数，值有top、center、bottom等，分别代表单元格内容顶对齐、居中、底对齐。（4）width参数：宽度参数，可用像素表示或百分比表示。（5）height参数：高度参数，可用像素表示或百分比表示。14.5 链 接链接命令的格式如下：文字、图片或其他资源例如，某表格例子程序名为file1003.htm，一个指向前述“表格”页面的链接代码为：表格下面再给出几个关于链接的例子：1指向网站的链接。代码如下：新浪网2在新的页面中打开链接，代码如下：新浪网target指定目标显示窗口，_blank表示新开窗口。3邮箱链接，点击后打开默认的邮件系统写信和发信。代码如下：给我写信14.6 图 片图片命令的格式如下：图片命令参数常见的有：1Border参数，表示图片边框的宽度，以像素为单位。2Alt参数，图片的别名，即在将鼠标移至图片上面时显示的文字。3width参数：宽度参数，可用像素或所占整个窗口宽度的百分比表示。4height参数：高度参数，可用像素或所占整个窗口高度的百分比表示。下面给出一些关于图片的例子：1加入一张图片，代码如下：2图片加边框。代码如下：3控制图片大小，代码如下：4图片加链接，代码如下：14.7 页面分帧n帧就是页面上独立的显示区域。通过对页面分帧，可以更好地对页面进行显示控制，并可减小单个页面的大小，加快页面显示的速度。14.8 JavaScriptJavaScript是一段可以嵌入在Html文件中的描述语言，通过它可以执行一定的程序功能，以方便对页面进行控制。例如，下面是一个JavaScript的简单例子：document.write(用JavaScript写一句话!)再如，自动跳窗代码如下：window.open(跳出窗显示的页面网址或文件名);思考与练习1.什么是标记控制语言？2.对HTML编辑器有什么要求？3.HTML文件的结构是怎么样的？4.掌握本章学习过的HTML命令。