课堂笔记.txt教程.docx

课堂笔记 课程介绍 订单管理系统为主线，商品管理，用户管理 Java se: java语言 面向对象 跨平台 Web 基础： html，css ，javascript (js) jquery Java web: servlet ,jsp Java ee: ssh框架 struts2 (mvc: model view control) spring hibernate Oracle数据库 用户、权限 HTML HTML 指的是超文本标记语言 (Hyper?Text?Markup?Language) 常用简单标签 文本标签 标题标签 h1 ~ h6 字体标签 font 分隔标签 强制换行br 强制分段p 分割线hr 列表ulli/lili/li/ul 超链接 如a href=链接到的目标 target=_blank显示内容/a Target是打开连接的方式 表单表格 1.表格 table， tr ，td 2.表单 form 3.表单域 input：text（文本）password（密码）button（按钮）submit（提交按钮）reset（重置按钮） headmeta charset=gbk/head 特殊字符： 特殊字符转义符空格nbsp;大于号gt;小于号lt;引号 ”quot;版权号?copy; 百度W3school Css CSS 语法： CSS分类 选择符类型： Eclipse 注释快捷键： str + shift +/ HTML元素选择符 h1 { color: green; } 选择器分组 h1,h2,h3,h4,h5,h6 { color: green; } 后代选择器 font strong { font-style: italic; font-family:黑体; font-size:20px; } font{color:red;font-family:黑体;font-size:20px;} h1 {color:blue;} font strong {color:red;} strong {background-color:yellow;} 2.ID选择符 #div1 {color:red;} #div2 {color:green;} h1 id=”div1”/h1 3.类选择符 在 CSS 中，类选择器以一个点号显示： .leftdiv {text-align: left; font-family:黑体;font-size:20px;} .centerdiv {text-align: center} h1 class=”leftdiv”/h1 div class=”leftdiv”/div CSS分类:声明位置： 外部样式表 内部样式表（位于 head 标签内部） 内联样式（在 HTML 元素内部） table style=BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; BORDER-LEFT: #336699 1px solid; BORDER-BOTTOM: #336699 1px solid 外部样式表引入： head link rel=stylesheet type=text/css href=mystyle.css / /head 完善login.html样式 Javascript JavaScript 是脚本语言 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。 JavaScript变量定义 var pi=3.14; var name=Bill Gates; var answer=Yes I am!; var today = new Date(); JavaScript自定义方法 function funcName([paran1][param2…]) { …… } JavaScript内置方法 alert警告框 isNaN 判断是否不是数字 prompt输入框 等 例子： script type=text/javascript var v1 = prompt(输入乘数,); var v2 = prompt(输入被乘数,); if(isNaN(v1)||isNaN(v2)){ alert(输入的内容不是数字类型); } /script javaScript结合DOM编程技术取得html元素（如读取元素值） document.getElementById(“id”) document.getElementsByCla