Java基础部分复习：
1.Html/css:
什么是web应用？
其实web应用就是一种标准化的c/s应用，即使用
“标准化”的客户端(浏览器)，“标准化"的服务器(web
服务器，比如tomcat)，然后，使用“标准化”的协议(
http协议)进行通讯的程序。
相对于以前的c/s应用，web应用最大的优点是：
客户端不需要单独安装，开发相对简单(不需要再开发
通讯相关的代码)。
1、html的基础知识
1)什么是html?
hypertext markup language(超文本标记语言),
是一种用来设计页面的标记语言，用html标记
编写的文件，不需要编译，直接由浏览器来解释执行。
2)如何写一个html文件?
step1,写一个以.html或者.htm为后缀的文件。
step2,在该文件里面，添加如下的内容：
html标记以及标记之间的内容(文本,css样式,javascript
脚本等等)
a, head标记
head标记里面放置的内容一般用于描述
html文件，与显示的内容一般无关
head标记里，可以放置以下几个标记:
:标题</p><p><meta>:元标记</p><p><meta http-equiv="content-type"</p><p>content="text/html;charset=gbk"></p><p><style>:定义内部样式</p><p><link>:引入外部样式</p><p><script>:引入外部的javascript脚本</p><p>b, body标记</p><p>body标记里的内容与显示相关。</p><p>2、几个重点的标记</p><p>1)链接</p><p>a, 链接的基本语法</p><p><a href="链接地址" target="">链接的描述</a></p><p>href属性：指定一个地址，当点击链接的描述时，浏览器</p><p>会向该地址发请求。</p><p>target属性：在哪一个窗口打开。</p><p>_blank:在一个新窗口中打开。</p><p>_self: 是缺省值,在当前窗口打开。</p><p>title属性:链接提示。</p><p>b,使用图片作为链接</p><p><a href=""><img src=""/></a></p><p>c,使用链接发送邮件</p><p><a href="mailto:eric@?subject=hello"></a></p><p>d,使用锚点(在页面内部跳转)</p><p>step1,定义锚点</p><p><a name="top"></a></p><p>step2,跳转</p><p><a href="#top"></a></p><p>e,使用图片区域作为链接</p><p>step1,定义一个热点</p><p><map name="Map"></p><p><area shape="rect" coords="407,20,560,77"</p><p>href="qy.html"></p><p><area shape="rect" coords="580,22,734,76"</p><p>href="gr.html"></p><p></map></p><p>step2,图片使用热点</p><p><img src="index04.jpg"</p><p>width="772" height="357" border="0"</p><p>usemap="#Map"></p><p>f,链接的"伪样式"(在讲css知识时再讲)。</p><p>2)表格</p><p>a,基本语法</p><p><table width="500/50%" border="1"></p><p><tr><td></td></tr></p><p></table></p><p>cellpadding属性：单元格里面的数据与单元格边框的距离。</p><p>cellspacing属性：单元格与单元格之间的距离。</p><p>b,对齐</p><p>align属性：left/center/right 水平对齐</p><p>valign属性：top/middle/bottom 垂直对齐</p><p>c,不规则的表格</p><p>rowspan属性:跨行合并单元格</p><p>colspan属性:跨列合并单元格</p><p>d,嵌套表格</p><p>单元格的内容又是一个表格。</p><p>e,表格的完整的结构</p><p><table></p><p><caption>:标题</p><p><thead>:表头</p><p><tfoot>:表脚</p><p><tbody>:表体</p><p></table></p><p><caption>只能出现0~1次</p><p><thead>,<tfoot>只能出现0~1次,习惯上，先写thead,</p><p>再写tfoot，最后写tbody。</p><p><tbody>可以出现１~n次。</p><p>3)表单</p><p>a,表单是什么?</p><p>表单用来收集用户的请求参数。</p><p>b,表单的使用</p><p><form action="" method=""></p><p><!--input标记---></p><p>type="text": 文本输入框,value属性用来设置</p><p>缺省值;readOnly属性值为true时，表示只读。</p><p>type="submit":提交按钮,点击该按钮时，浏览器</p><p>会将表单中的数据发送给action属性所指定的程序</p><p>来处理。</p><p>type="password":密码输入框。</p><p>type="radio":单选框。checked属性值设置为</p><p>"checked"，表示缺省值。</p><p>type="checkbox":多选框。checked属性值设置为</p><p>"checked"，表示缺省值。</p><p>type="file":上传文件。</p><p>type="hidden":隐藏域，不会显示在界面上，但是，</p><p>会将相应的参数值发送给服务器。</p><p><!--非input标记--></p><p><select>:下拉列表,multiple设置成"multiple"，此时，</p><p>select可以多选。</p><p><option>:下拉列表中的某个选项</p><p><textarea>:多行文本输入框。rows设置缺省的行数，</p><p>cols设置缺省的列数。</p><p></form></p><p>action属性：服务器端的一个程序，用来处理</p><p>表单提交的数据。</p><p>method属性：设置表单的提交方式</p><p>4)列表</p><p>5)框架</p><p>2、几个重要的标记</p>
</div>
</div>
</div>
</div>
</div>
<div id="rightcol" class="viewcol">
<div class="coltitle">相关文档</div>
<ul class="lista">
<li><a href="/doc/091589257.html" target="_blank">JAVA工程师年终工作总结</a></li>
<li><a href="/doc/046502599.html" target="_blank">java员工年度工作总结</a></li>
<li><a href="/doc/0a15370237.html" target="_blank">java工程师年度总结</a></li>
<li><a href="/doc/0416231308.html" target="_blank">java个人工作总结</a></li>
<li><a href="/doc/176227094.html" target="_blank">java员工试用期工作总结</a></li>
<li><a href="/doc/1113036903.html" target="_blank">JAVA个人年终工作总结</a></li>
<li><a href="/doc/1a18904407.html" target="_blank">java工作总结</a></li>
<li><a href="/doc/3c5729795.html" target="_blank">java试用期转正工作总结.</a></li>
<li><a href="/doc/569533074.html" target="_blank">java开发年终总结</a></li>
<li><a href="/doc/6714312748.html" target="_blank">2020年java个人总结范文</a></li>
</ul>
<div class="coltitle">最新文档</div>
<ul class="lista">
<li><a href="/doc/071000073.html" target="_blank">饭店包间名字大全</a></li>
<li><a href="/doc/0d10001030.html" target="_blank">word无法创建工作文件,请检查临时环境变量</a></li>
<li><a href="/doc/0d10001458.html" target="_blank">自行车健身比赛开幕式讲话词</a></li>
<li><a href="/doc/0510001469.html" target="_blank">2018乡村医生个人工作总结</a></li>
<li><a href="/doc/0e10002558.html" target="_blank">MySQL测试题 SQL</a></li>
<li><a href="/doc/0310002568.html" target="_blank">合勤NXC5200</a></li>
<li><a href="/doc/0210004833.html" target="_blank">铁路集中箱空箱调度优化建模案例(案例2)</a></li>
<li><a href="/doc/021000530.html" target="_blank">微分几何教学大纲-复旦大学数学科学学院</a></li>
<li><a href="/doc/031000596.html" target="_blank">人教版九年级数学上册导学案：24.1.1_圆【精品】</a></li>
<li><a href="/doc/0c10006773.html" target="_blank">(整容后办护照用)医院整容证明</a></li>
<li><a href="/doc/0e10006860.html" target="_blank">危险废物管理台账</a></li>
<li><a href="/doc/0310008420.html" target="_blank">2017年终大会会场物料设计方案</a></li>
</ul>
</div>
</div>
<script>
var sdocid = "0ff26eb21a37f111f1855bac";
var docId = '0ff26eb21a37f111f1855bac';
var totalPage = 15;
const ext = 'wps';
const pageNum = '15';
</script>
<script src="https://assets.360docs.net/pc/js/render.js"></script>
<div class="clearfloat"></div>
<div id="footer">
<div class="ft_info">
<a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a> ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br />
本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈
</div>
<script type="text/javascript">foot()</script>
</div>
</body>
</html> 
