第2章-HTML语言和JavaScript语言.ppt

第2章 HTML语言和JavaScript语言 主要内容 1.网页的工作机制 2.HTML语言 3.JavaScript语言 4.利用网页编辑器制作网页 1.网页的工作机制 上网时，在地址栏中输入的网站的地址，称之为URL（Uniform Resource Locator，统一资源定位符）。就像每家每户都有一个门牌号一样，每个网页都有一个Internet地址。 当在浏览器的地址栏中输入一个URL或是单击一个超级链接时，URL就确定了要浏览的地址。浏览器通过超文本传输协议（HTTP，Hypertext　Transfer　Protocol），将Web服务器上站点的网页代码提取出来，并翻译成漂亮的网页。 一个URL例子如： :8080/ch1/SimpleJSP.jsp 一般由三部分组成: 使用的协议，在Web网页中，使用HTTP协议。 存放该资源的主机IP地址或者域名（有时也包括端口号，如8080） 。 主机资源的具体地址（如目录和文件名）。 第一部分与第二部分之间用“://”隔开，第二部分与第三部分之间用“/”隔开，第二部分和第三部分有时可以省略。 HTML文件的扩展名可以是.htm或者.html都可以，现在已经没有区别了。原来在Linux操作系统上用html作为文件的扩展名，而在Windows操作系统上用.htm，因为早期的Windows操作系统不支持三个以上字母的文件扩展名。 2. HTML语言 1、注释 HTML注释的格式如下：!--comment-- 2、HTML文本的基本结构 html head … /head body … /body /html 其中，html…/html、head…/head、body…/body都是标记，标记由一对尖括号及其标记符组成，没有反斜杠“/”的是开始标记，有反斜杠的是结束标记。每个HTML文件是以html标记开头，而以/html标记结束。书上有一个实例： Head头 HEAD头元素主要包括该页面的一些基本描述语句。META的属性包括： Description，网页的描述信息； Keywords，关键字，当搜索引擎查找时，按此关键字查找； Content-type，用来设置该网页的编码； Author，用来设置该网页的作者姓名； Refresh，用来设置网页的自动更新。当CONTENT =3; URL=时，该网页打开3秒钟后，就自动的转到网站 3、文字格式标记 设置标题：一共有6种格式的标题，它们显示的是不同大小的标题文字。实例“sample2.html”的脚本如下： html head title标题标记/title /head body h1标题1/h1 h2标题2/h2 h3标题3/h3 h4标题4/h4 h5标题5/h5 h6标题6/h6 /body /html 设置字体： font face=? size=? color=? …/font 其他字体标记： b加粗/b i斜体/i u下划线/u s删除线/s em倾斜/em strong加强显示/strong font face=楷体_GB2312 size=5big放大显示/big/font font face=楷体_GB2312 size=5small缩小显示/small/font 4、文字版面标记 换行标记：br 段落标记：p…/p 对齐标记： center居中对齐/center p align=left居左对齐/p p align=right居右对齐/p 5、创建表格 表格是由行和列组成，用来显示多条数据，它包括标题、表头、行、单元格等部分。 table…/table：表格标记 表示整个表格。width=75%表示表格占整个页面宽度的75%。border=1表示表格的边框为1像素。align=center表示表格居中对齐。cellpadding=2表示字与单元格之间距离。 cellspacing=0表示单元格之间没有间隙。 RowSpan=2 表示单元格占领的行数。 ColSpan=2 表示单元格占领的列数。 bgcolor=#CCCCCC属性指定表格的背景颜色。 caption…/caption标记:标题标记 用来设置表格的标题，它可以使用align、valign等属性。 th…/th标记:表头标记 它有align、background、colspan、rowspan、valign等属性。 tr…/tr标记:行标记 它表示表格的一行，具有align、background、colspan、rowspan、vali