J2EE 之 html 阶段总结

63 阅读 0 评论 42 点赞

我是靠谱客的博主端庄咖啡，最近开发中收集的这篇文章主要介绍J2EE 之 html 阶段总结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

HTML:
超文本标记语言；主要的作用是做网页，可以在网页上显示文字，图像，声音
和视频等；做的都是静态网页；

传统的html显示的内容和样式是结合在一起，他的缺点是：
1.布局不是很灵活，
2.一个页面可能有大量的table元素，
3.增加带宽，
4.搜索引擎不是很喜欢这种布局
优点是：
1.数据和样式在一起，理解起来容易
2.不同的浏览器显示的结果一般相同
3.显示数据还是很好的；

动态网页是（有发送（帖）有响应）；
基本结构：
<!DTD>声明
<html>
<head>
<title> </title>
</head>

<body>

</body>
</html>

访问方式：1.本地访问，2.远程访问（装一个服务器）；
超文本标记语言有一组标记语言组成，有浏览器解释执行（c,java都是通过编译，运行执行）
<br/>:换行
<hr width="宽度"><hr/>:水平线

<head>
<title></title> ：标题；
<meta></meta>:消息头；（为浏览器提供什么文档类型，字符编码，自动刷新）
</head>

<body bgcolor="颜色值作为浏览器背景色" background="以图片作为浏览器背景颜色值，图片不拉伸">
</body>:

<h1 align="left|center|right">:1~6,六级标题；
<p align="center"> :段落；

文本的设置：
<u>:设置下划线；
<b></b>:加粗
<i>:斜体
<font size="" color="">:字体的大小，颜色；

<pre>:预格式化，怎么写的，包裹换行，空格等等，怎么写的在浏览器中就怎么实现；

实体特殊字符
> >
< <
  空格
© 版权符号
& &
" "
' '

<span>:行内标记
<div>: 块状标记，又称层；

图像标记
<img src="路径（不能是本地的绝对路径d:abc.jpg，不能出现中文，空格）"
alt="图片不显示时要显示的内容"
width="显示时的宽度"
height="显示时的高度"
border="边框的宽度">

超链接的使用
<a href="跳转到的路径，#表示空链接，" target="本窗口显示，或另起窗口显示">

表格的设置
<table width="" height="" border="" align=""
cellpadding="边距" cellspacing="间距" bgcolor="" >

<caption align="在表格头，或者表格底"></caption>
<tr align="一行字在格中的位置" bgcolor="" >

<td align="单个单元内字体的对齐方式" bgcolor="" colspan="" rowspan=""
width="" height=""></td>

</tr>
</table>

有序列表
<ol type="1|a|A|i|I">
<li></li>
<li></li>
</ol>
无序列表
<ul type="disc|circle|square">
<li></li>
</ul>

表单的定义：
有<form></form>标记+表单元素组成；
<form name="form1" action="wife.jsp" method="get|post">

表单元素：
１.单行文本框：<input type="text" name="userName" size="能称下的字符数" maxLength="能输入的最多字符数"/>
2.多行文本框：<textarea name="texts" rows="行数" cols="列数" />
3.密码文本框：<input type="password" name="pw" size="" maxlength="" value=""/>
4.隐藏文本框：<input type="hidden" name="" value="" /> 向目标页面传递相应的值时，常用到这个；
选择框：
1.单选框；<input type="radio" name="" value="" selected/>男一组单选框的名字应该相同
2.复选框：<input type="checkbox" name="" value="" /> 一组复选框的名字应该相同
3.下拉列表框：<select name="" value="" />
<option value="biaoji">北京</option>
</selcect>
4.普通列表框：
<slect name="" size="初始的高度" multiple>
<option value="" selected>文本</option>
</select>
5.普通按钮:<input type="button" name="" value="" />
6.提交按钮：<input type="submit" name="" value="" />
7.重置按钮：<input type="reset" name="" value="" />
8.图像按钮：<input type="image" src="" alt="" name="" width="" height="" />
9.文本上传域: <input type="file" name="＂/>