第01章 web应用基础.ppt

2005-02-25 ASP.NET 网络编程 第1章 Web应用基础 《Web应用开发技术》 第1章 Web应用基础 1.1 HTML标记语言 1.2 CSS层叠样式表 1.3 JavaScript语言 1.1 HTML标记语言 1.1.1 HTML的基本概念 1.1.2 HTML元素 1.1.1 HTML的基本概念 客户/服务器工作方式Client/Server 页面Page 统一资源定位符URL 超文本传输协议HTTP 超文本标记语言HTML 最简单的HTML文档 html head titleHello World!/title /head body h1Hello World!/h1 This is my first page. /body /html 说明： html和/html 开始结束标记 head和/head 头信息，不被显示 title和/title 文档标题，显示在标题栏 body和/body 文档正文，显示在浏览器中 1.1.2 HTML元素 HTML标签用来组成HTML元素，是一些由两个尖括号 “”和“”括起来的预定义标记。 HTML标签通常成对出现，如h1和/h1，分别称为开始标签和结束标签，开始标签和结束标签再加上它们之间所包含的内容，就构成了一个HTML元素。 HTML标签可以带有属性。 1.1.2 HTML元素 标题和段落 超链 HTML框架 HTML表单 HTML表格 HTML图像 HTML中的注释 标题和段落 HTML文档的文本内容主要由标题和段落元素表示。 标题元素用标签h1~h6定义，其中h1最大，h6最小。如果文档中有下面的内容： h1这是一个标题/h1 h2这是一个标题/h2 h3这是一个标题/h3 h4这是一个标题/h4 h5这是一个标题/h5 h6这是一个标题/h6 标题和段落 文档的段落用p标签定义，如： p这是一段。/p 当需要结束一行，但又不想开始新段落时，使用br标签。 p这又是一段，br 但有一个换行。/p br标签不需要结束标签，它出现在哪里，就在哪里换行。很多页面设计者更倾向于不使用段落标签，而直接将内容放在body标签之间，用br强制换行来形成段落，如： 内容不一定非要在段落中，br 只要用lt;brgt;换行就行了。 超链 HTML使用a标签来创建一个连接到其他文件的链接，称为超链(Hyper Link)。超链可以指向网络上的任何资源。 创建一个超链的语法为： a href=url显示的超链名/a 其中href属性用来指定连接到的地址，在开始标签a和结束标签/a中间的部分将作为超链显示在页面上。如： a href=/微软/a 在超链中可以使用target属性定义在哪里打开链接所指向的页面。 HTML框架 在页面中使用框架可以将页面窗口划分为不同的区域，在这些区域中可以同时显示多个HTML文档，其语法为： frameset frame src=url noframes ... /noframes /frameset frameset元素中可以包含多个frame，还可以再嵌套地包含内部frameset元素。noframes标签中的文字将只出现在不支持frameset的浏览器中。 HTML框架 下面这个例子中，将整个窗口分为上下两栏。下面的frameset又分为两栏。 html frameset rows=20%,80% frame src=HTMLPage1.htm frameset cols=25%,75% frame src=HTMLPage2.htm frame src=HTMLPage3.htm /frameset /frameset /html frameset和