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>:预格式化,怎么写的,包裹换行,空格等等,怎么写的在浏览器中就怎么实现;


实体   特殊字符
&gt;    >
&lt; <
&nbsp; 空格
&copy; 版权符号
&amp; &
&quot; "
&apos; '


<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">

表单元素:
1.单行文本框:<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=""/>




  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值