Java Web程序设计任务教程第1章 网页开发基础.pptVIP

在上面的语法结构中，if可以理解为“如果”，小括号“()”内用于指定if语句中的执行条件，大括号“{}”内用于指定满足执行条件后需要执行的语句，当执行语句只有一行时，也可以不写{}。 （2）双向判断语句 双向判断语句是if条件语句的基础形式，其基本语法格式如下： 双向判断语句的语法格式和单向判断语句类似，只是在其基础上增加了一个else从句。表示如果条件成立则执行“语句1”，否则，则执行“语句2”。 1.3 JavaScript基础 1．无序列表ul 列表标记分为有序列表和无序列 表，由于在HTML中无序列表较 为常用，所以下面针对无序列表进行详细的讲解。为了使网页更易读，经常将网页信息以列表的形式呈现，例如淘宝商城首页的商品分类就是以列表的形式呈现的。无序列表的各个列表项之间没有顺序级别之分，通常是并列的。定义无须列表的基本语法格式如下所示。 在上述的语法中，ul/ul标记用于定义无序列表，li/li标记嵌套在ul/ul标记中，用于描述具体的列表项，每对ul/ul中至少应包含一对 li/li。 列表标记和超链接标记 1.1 HTML技术 2．超链接标记 一个网站通常由多个页面构成，进入网站时首先看到的是其首页面，如果想从首页面跳转到子页面，就需要在首页面的相应位置添加超链接。在HTML中创建超链接非常简单，只需用a/a标记环绕需要被链接的对象即可。其基本语法格式如下所示。 在上述语法中，a/a标记是一个行内标记，用于定义超链接，href属性用于指定链接指向的页面的URL，当在a/a标记中使用href属性时，该标记就具有了超链接的功能；target属性用于指定页面的打开方式，其取值有_self和_blank，其中_self为默认值，意为在原窗口打开，_blank为在新窗口打开。接下来通过一个案例来演示a/a标记的使用。 1.1 HTML技术 接下来通过一个案例来演示ul/ul标记和a/a标记的使用，请查看教材文件1-8和1-9。 案例代码 1.1 HTML技术 div是英文DIVision的缩写，意为“分割、区域”。div标记简单而言就是一个区块容器标记，可以将网页分割为独立的、不同的部分，以实现网页的规划和布局。在HTML页面中，它以div开头，并以/div结尾，在div与/div之间可以容纳段落、标题、图像等各种网页元素，也就是说大多数HTML标记都可以嵌套在div标记中，并且div还可以嵌套多层div。在实际开发中div标记常常与CSS技术搭配使用，在下一小节讲解CSS技术的过程中会对div标记的使用进行举例，这里不多赘述。 div标记 1.1 HTML技术 CSS 是 Cascading Style Sheet 的缩写，译作“层叠样式表单”，是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。在实际开发中，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。 CSS定义的规则具体如下： 在上述的样式规则中，选择器用于指定CSS样式作用的HTML对象，花括号内的属性是对该对象设置的具体样式。其中，属性和属性值以“键值对”的形式出现，例如字体大小、文本颜色等。属性和属性值之间用“:”（英文冒号）连接，多个“键值对”之间用 “;”（英文分号）进行分隔。 简介 1.1 HTML技术 接下来通过CSS样式对div标记进行设置，具体示例如下： 上面的代码就是一个完整的CSS样式。其中，div为选择器，表示CSS样式作用的HTML对象，border、width和height为CSS属性，分别表示边框、宽度和高度，其中border属性有3个值“1px solid red;”分别表示该边框为1像素、实心边框线、红色。 在CSS中，通常使用像素单位px作为计量文本、边框等元素的标准量，px 是相对于显示器屏幕分辨率而言的。而百分比（%）是相对于父对象而言的，例如一个元素呈现的宽度是400px，子元素设置为50%，那么子元素所呈现的宽度为200px。 1.1 HTML技术 在CSS中颜色的取值方式有3种： 预定义的颜色值：如red、green、blue等。 十六进制：如#FF0000、#FF6600、#29D794等。实际工作中，十六进制是最常用的定义颜色的方式。 RGB代码：如红色可以用rgb(255,0,0)或rgb(100%,0%,0%)来表示。如果使用RGB代码百分比方式取颜色值时，即使值为0，也不能省略百分号，必须写为0%。 1.2 CSS技术 要想使用CSS修饰网页，就需要在HTML文档中引入CSS。引入CSS的