第二章 Web开发基础幻灯片.pptVIP

JSP程序设计 第二章 Web开发基础 第2章 Web开发基础 JSP开发环境的搭建 Web服务目录的设置 B/S结构特点 使用MyEclipse开发和部署B/S应用程序的基本步骤 软件 部署 创建JSP文件常用的方法 第2章 Web开发基础 HTML/XHTML 文档结构、常用标记等技术 DIV+CSS页面布局原理与实现技术 页面表格的制作技术 掌握页面表格的制作技术 掌握定义css选择器的方法 2.1 HTML简介 HTML HTML（Hyper Text Marked Language，即超文本标记语言）是描述网页的标记语言。 HTML文件由Web服务器发送给客户端浏览器，客户浏览器按HTML描述的格式将其显示在浏览器窗口内。 HTML文件通过HTTP通信协议，使得HTML文件可以在互联网上顺畅的进行文件交换和访问。 HTML文件是纯文本文件格式，可以用文本编辑器、专业的网页编辑工具编辑制作。 2.1 HTML简介 URL URL是Uniform Resource Locator的缩写，中文称之为统一资源定位器。URL是Internet中资源的简单命名机制。 URL由三部分构成：协议、主机DNS名或IP地址和文件名。例如URL： /index.html 其含义为：协议为http协议，主机为，文件名为index.html。 2.1 HTML简介 以下哪些是正确的URL? 1、/talk/talk1.htm 2、file:// 3、/pub/files/foobar.txt 4、 5、:80 6、/news/welcome.html 2.1 HTML简介 HTML文件结构 HTML的标记与属性 HTML标记是用“”和“”括起来的标识符，括号中间的标识符为标记名称，如标记body 属性是标记中的参数选项。大多数标记都有一些自己的属性，有些标记也有共用的一些属性，各属性之间无先后顺序，如果省略属性则采用默认值。 属性的一般使用格式： 标记名 属性1=属性值 属性2=属性值 ……内容/标记名 2.2 常用HTML标记 HTML的文字标记 title/title标记 p、br和hr标记 hn/hn标记 font/font标记 B/BI/IU/U标记 sub/subsup/sup标记 2.2 常用HTML标记 特殊标记和图形标记 nbsp;和quot标记 !-- --标记 img标记 center/center标记 2.2 常用HTML标记 超级链接标记 a/a标记为超级链接标记，一般使用格式为如下： a href=资源地址 target=窗口名 title=指向链接时显示的文字 超链接显示名称/a 2.3 表格 定义表格的基本语法 table trth第1行1列标题/thth第1行2列标题/th ┄ ┄ /tr trtd第2行1列内容/tdtd第2行2列内容/td ┄ ┄ /tr trtd第3行1列内容/tdtd第3行2列内容/td ┄ ┄ /tr ┆ ┆ /table 2.3 表格 表格table标记的属性 table align=水平摆放位置 width=表格宽度 height=表格高度 frame=四周边框显示状态 border=四周边框宽度值 rules=分隔线的显示状态 cellpadding=数值 cellspacing=数值 bordercolor=边框颜色值 bgcolor=背景颜色值 ┄ ┄ /table 2.3 表格 行tr标记的属性 一般格式如下： tr align=center valign=bottom bordercolor=red bgcolor=blue bordercolorlight=#FF0000 bordercolordark= green height=30 2.3 表格 单元格td和th标记的属性 td和th标记属性相同。 td width=300 height=80% align=left valign=bottom bordercolor=#FFFF00 bgcolor=#FF0000 bordercolordark=#FF0000 bordercolorlight=#FF00FF colspan=2 rowspan=3 background=背景图片文件名 单元格内容/td 2.4 页面布局 CSS简介 Cascading Style Sheet(级联样式表) CSS代码按照其放置的位置不同可以划分为3种CSS样式，即嵌入样式、内联样式和外联样式。 内联样式 内联样式是将样式代码直接内联到标记内，以style作为属性，语句作为属性值，例如： table style=border-c