WEB ALL.docVIP

WEB ALL Web基础:HTML/CSS/JavaScript 需求--软件 C/S B/S（与浏览器相关） 三层：UI层 ：（用户的界面） 网页版/单击版（exe） 业务层：JDBC（对于数据库的读取）/IO/DOM解析等 数据层：（数据库（大型项目）/IO（小游戏开发可以存成文件）/XML（跨应用程序或者是跨平台的时候）） PS：控制台是属于DOS操作界面 Web类型的应用程序 网站/OA（办公自动化）/CRM HTML/CSS/JS（客户端技术）——————有浏览器 即可运行————web的基础 Servlet/JSP（服务器端技术）——————结合页面 课程介绍： Web基础课程，包括HTML+CSS+JS——构建页面 Web开发的相关技术：客户端和服务器端 HTML课程 一：HTML 概述 什么是html:一种设计网页的纯文本类型的语言，文件以.html/.htm为后缀，由浏览器解释运行 浏览器兼容问题：做页面时首先要保证代码的标准。 主浏览器 HTML:各种标记（标签） 标签名 二：基础语法 封闭类型的标记（成对）： h1.../h1 非封闭类型的标记（单标记）： br /或者br 为标记添加属性 h1 align=centerxxx/h1 HTML的标准结构： 版本信息 html head /head body /body /html 版本信息：传统型/过渡型/严格型/框架型 DTD：对文档的样式或风格做定义 head: title:标题 meta: 刷新频率：meta http-equiv=refreshcontent=10/ 编码方式：meta http-equiv=content-type content=text/html; charset=utf-8/ 三：文本 默认方式：空格折叠（多个空格和换行，合为一个空格） 特殊字符：转义字符，替代特殊字符 lt; gt; 空格 nbsp; a b 标题：h1/h1~h6/h6从大到小 align=center/left/right 段落:p/p 换行：br / 区别是:p的行间距大 分组元素：一些元素分堆，统一的设置 div/div：块级(block)元素---独占一行，上下分开 常用于对块级分组，比如用于包含多个段落 span/span：行内(inline)元素————与其他元素一起独占一行分组后不换行 常用于分开一些行的文本 区别 四：图像和连接 图像:img src=a.jpg / url地址： 路径/绝对路径 img src=b.jpg--相当于当前html文件有一个b.jpg img src=.con/a.jpg--绝对路径 h1gfjkh/h1 链接：a href=index.html被点击的对象/a a href=click me/a 设置打开的目标位置：有默认值 1：替换原有页面 a target=_self/a 2：打开一个新窗口a target=_blank/a 链接的跳转： 1。页面之间的：A页面--B页面 2.同一页面上的不同部分之间： 回到顶端：a href=#回到顶端/a 使用锚点：页面不同部分之间的定位 a name=t1/a--锚点 隔开很多内容 a href=#t1To.../a--链接 五：列表 目录树 家电 XXX BBBB 家装 EEE RRR 书籍 日用 列表：无序列表（ul），包含列表项(li--list),有序列表（ol--ordered list） 列表的嵌套：创建出多级目录形式 ol li个人所得税/li ul li问题/li li方案/li li实现/li /ul li命令解析器/li /ol 六：表格 1.应用： 数据的显示：网格数据 页面的布局上 2.表格的基本结构：table/tr(table row)/td(table defination即单元格) table border=1 tr tdaa/td tdbb/td /tr /table 2行2列 3.常用属性 table:border/width/height td:width/height align(水平方向对齐left/right/center)/valign(垂直方向上对齐top/middle/bottom) cellspacing单元格的空白间距：表格与单元格之间的距离/不能写