javaweb学习 什么是web？ web翻译就是网页。 网站开发. web应用程序.---有可能是应于互联网，也可能局域网内。 web分为静态，动态 什么是静态的web。 只用于做展示. 开发技术 html+css+javascript 什么是动态的web。 主要做交互操作. 开发技术 servlet jsp php asp ruby python ------------------------------------------------------------------------- html: 什么是html? 具有超链接的文本。 html:超文本标记语言 全写： HyperText Mark-up Language 译名： 超文件注标式语言（译名之一） 简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。 为什么要学习html? 展示. 怎样书写html 1.不区分大小写. 2.标记要写在<>中。 3.标记要结束. <font></font> <br> 4.html我们可以直接使用文本文件进行书写。它是由浏览器进行解析。html文件的后缀名是 .html .htm ------------------------------------------------------------------------ html标签. 重点标签 1.表格标签 2.表单标签 3.超链接标签. ---------------------------------------------------------- 1.文件标记 <html> 代表当前是一个html。 <head> 它是头标签，它的作用是用于声明一些信息.它中间的内容不能展示，主要用于声明。 <title> 是当前页面的一个标题. <body> 中的内容是在浏览器上显示的. 关于body标签的属性. text:用于设置body中的文本颜色 background--设置背景图片 bgcolor--用于设置背景色 关于在html中设置颜色 1.直接写英文单词。 例如 red yellow green pink black blue... 这种应用在开发中不常见。 2.使用rgb -----00 FF 00 -------------------------------------------------------- 2.排版标记 <P>称为段落标记。作用：为字、画、表格等之间留一空白行。 有一个属性 align,它是用于设置对齐方式 <BR> 换行 <HR> align--对齐方式 size---线的粗细 width--设置宽度 可以写象素值，也可以写百分比. color--颜色. <CENTER> 不建议使用，我们一般会在标签的属性 align上设置对齐方式. <DIV>---重点. div+css div就是一个块标记. <span>---也是一个块标记 div与span的区别. div会单独一行，也就是说，能自动换行. span不能自动换行. 关于在html中的属性定义时书写的规范. 在定义属性时，属性值可以使用‘‘ "" 或不写引号.但是建议使用引号. 在页面上"" 与‘‘它们的功能是一样的。可以组合到一起形成嵌套. --------------------------------------------------------------------------- 3.字体标记 <h1>----<h6> 标题标记 <font> 字体 属性 face:设置字体 size:设置字号 color:设置字的颜色 size可以是绝对值也可以是相对值.默认是3 了解的字体标签 <STRONG> <B> 加粗 <I> 斜体 <U> 下滑线 <STRIKE> 中滑线 <BIG> <SMALL> <SUP> 上标 <SUB> 下标 html中的标记是可以嵌套. html它的语法检查比较松散。但是我们在嵌套时不能交叉嵌套. -------------------------------------------------------------- 4.清单标记 <ol><li><ul> li是清单项 有序清单 ol是顺序清单 ol的属性 type="i" 设定数目款式，其值有五种，请参考 右表，内定为 type="1"。 start="4" 设定开始数目，不论设定了哪一数 目款式，其值只能是 1,2,3.. 等整 数，内定为 start="1"。 无序清单 ul是无序清单 type="square" 设定符号款式，其值有三种，如下，内定为 type="disc"： 符号 是当 type="disc" 时的列项符号。 符号 是当 type="circle" 时的列项符号。 符号 是当 type="square" 时的列项符号。 了解的标签 <DL> <DT> <DD> --------------------------------------------------------------- 5.表格标记 <table> ---声明一个表格，相当于是一个容器。 table 属性 1.border 用来设置边框 2.width 用来设置table的宽度 3.align 设置对齐方式 4.bgcolor 背景色 5.background 背景图片 6.bordercolor 边框线颜色 <tr>-----行 align 它是用于设置tr中的内容对齐方式 <td>-----单元格 1.height 用于设置单元格高度. 2.colspan rowspan (重点) <th>------与td是一样的，只是内容会加粗. 内容会居中 <caption>---标题 -------------------------------------------------------------------------------------- 6.图形标记 <img> src ---图片的路径 width 宽度 height 高度 alt 显示的文字 border 边框 7.链接标记 <a> href 跳转路径 name 名称 target 目标窗口 name可以设置一个目标点可以在本面页内跳转. <a name="head"/>这相当于设置一个目标点. <a href="#head">到head</a> #代表的是本页面. target可以指定跳转到框架的指定位置. --------------------------------------------------------- 8.关于table中td的两个属性 colspan----列合并 rowspan ---行合并 ------------------------------------------------------------------------------------ 9.表单标记 1.<form> 代表一个表单. action属性----表单提交的路径 method属性----提交方式 get / post 表单作用是什么? 将数据提交到action指定的url 提交方式 get/post区别? 1.get提交会在地址栏上显示提交信息. 而post不会，也就是说post更安全. 2.get只能提交1k以下的数据 post可以提交大数据. 表单标签 1.input input标签的type属性，它的取值不同代表不同的组件. 1.type=text 文本框 2.type=password 密码框 3.type=radio 单选按钮 注意:多个单选按钮要想只能选择一个，name必须一致. 要想单选按钮默认被选中.可以在某个单选按钮上设置checked。 也可以写在 checked=true.推荐这种写法. 4.type=checkbox 2.select 下拉框 option 下拉项 select的有两个属性. size 代表一次显示几项. multiple 代表可以多选. 3.textarea 它的属性 rows--设置行 cols--设置列. 文本域的默认值是直接写在<textarea></textarea>标签中间 注意:在开发中，我们的表单标记一般都会加name，是因为我们在服务器端要获取这个信息时，是通过name获取的. 如果没有name的标签，信息是传递不到服务器端。 关于hidden作用: 一般是带一个隐藏的信息到服务器. 例如:信息的修改操作. 我们在修改信息时，需要依据一个条件，这个条件一般是id，那么这个信息一般不会在 页面上显示，但是它必须传递到服务器端，这时就可以将id写在hidden中。 <input type="hidden" name="id" value="001"> ------------------------------------------------------------------------------- 10框架标记 应用于我们项目的展示的架构 <frameset> rols:用于设计几行 cols:用于设计几列 如 <frameset rols="120,*"> 代表整体分为上下两部分，上面占120px高度 下面占剩下的高度. 注意:我们如果使用了frameset，那么就不需要body标签. 框架的每一部分是<frame> src="代表的是要链接的资源" 注意：在超链接中我们通过target属性来指示我们的页面打开的位置.值应该是我们frame的name值.