JSP的课堂总结第二天

:)
注释内容标记格式:
<!--注释内容-->可注释多行。
不换行标记:<nobr>
定位标记:<div></div>设定文字、图像、表格的摆放位置。在段落中设置对齐方式时常用<div align=”left|right|center ”>文本、图像、表格</div>。缺省为left。
标题文字标记:<h#>……</h#>
超链接:
使用锚点标记:<a>来定义。
格式为:<a href=”url” target=”打开窗口的方式”> 内容</a>
Href属性为超文本引用,目标资源的有效地址,如果为空链接则用“#”号代替url。
Target属性设定链接被单击后所要开始窗口的方式。值可为:_blank, _parent, _self, _top。
指向本页面的链接需定义两个标记:一个为超链接标记,一个为书签标记。超链接标记格式:<a href=”#记号名”>文本</a>。
书签格式(对该文本做一个记号):<a name=”记号名”>目标文本附近的字符串</a>。
指向下载文件(不是html文件)的链接:<a href=”下载文件名”>文本</a>。
当是邮件的链接时格式为:<a href=”mailto:e-mail地址”>文本</a>。
网页的背景:
设置背景色 格式为:<body bgcolor=”色彩值”>
用图片设置背景 格式:<body background=”图片文件名”>
图片标记<img>:<img src=”图片文件名” alt=”简单说明” border="边框宽度" hspace="水平方向空白" vspace="垂直方向空白" align="环绕方式|对齐方式"> 还有其他设置等。
解除文本环绕图片的标记格式为:<br clear="left|right|all">
其中clear的取值可为:left(解除在图片左侧放置的文本)、right(解除在图片右侧放置的文本)或all(解除在图片左、右侧放置的文本)。
用图片作为超链接:<a href=”url”><img src=”图片文件名”></a>。
列表:无序列表和有序列表
无序列表:<ul><li>……</ul>;
<ul type="符号类型">
<li type="符号类型1"> 第一个列表项
……
</ul>
type指定每个表项左端的符号类型,可为disc(实心圆点)、circle(空心圆点)、square(方块),也可自己设置图片。

有序列表:<ol><li>……</ol>。
音频:可以播放的音频格式有:MIDI音乐、WAV音乐、AU格式。
点播音乐:<a href=”音频文件地址”>文本</a>
内嵌音频播放插件<embed>:<embed src=”音频播放地址” autostart=”true|false” loop=”true|false|n” controls=”console|smallconsole” starttime=”分:秒” volume=”0~100”>。
IE的背景音乐:<bgsound src=”声音文件地址” loop=”播放次数”>。 播放次数去-1或infinte时,声音一直播放。
视频:<a href=视频文件地址”>文本</a>
内嵌视频播放插件<embed>:<embed src=”视频播放地址” autostart=”true|false” loop=”true|false|n” controls=”console|smallconsole” starttime=”分:秒” volume=”0~100”>。
CSS:Cascading Style Sheet 层叠样式表。用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
p {
font-family: "新宋体";
font-size: 24px;
font-style: oblique;
color: #993399;
}
h1 {
font-family: "宋体";
font-size: medium;
color: #00FF00;
}

多种方法:
1.<style>
<!--
@import url("mystyle.css");
-->
</style>
2.
<link rel="stylesheet" type="text/css" href="mystyle.css">.
3.<h1 style=” font-family: "宋体";” font-size: 24px; >
4.<style>
<!--
p {
font-family: "新宋体";
font-size: 24px;
font-style: oblique;
color: #993399;
}

-->
类选择符:
.类名{

}

附加方法:
<td align="center" valign="middle" class="blackTxt">猫扑站点BANNER </td>
特点:需要手动套用,灵活性很高。

高级 默认的超级链接文本的定义:
a:link{} 默认超级链接文本样式
a:visited{} 访问过的样式
a:hover{} 鼠标悬停时的样式
a:active{} 鼠标按下左键的样式
特点:自动套用,无需手工附加,灵活性不高
伪类
多种超级链接样式的定义:
.menu1:link {
font-family: "宋体";
font-size: 12px;
color: #00CC00;
}
.menu1:visited {
font-family: "宋体";
font-size: 12px;
color: #00CC00;
}
.menu1:hover {
font-family: "宋体";
font-size: 12px;
color: #000000;
text-decoration: underline;
}
.menu1:active {
font-family: "宋体";
font-size: 12px;
color: #000000;
text-decoration: underline;
}

框架:主要利用<frameset>标签和<frame>标签来定义。<frameset>标签用于定义一个窗口框架,<frame>标签则用于定义窗口框架中的子窗口。<frameset></frameset>,<frameset>代替<body>标签,因此有<frameset>标签就不能有<body>标签。除非是<frameset></frameset><noframeset><body></body></noframeset>

<frameset></frameset>框架集标记
<frame></frame>框架集的组件
frameset属性设置:
1. Rows:设置行高2. Cols:设置列宽3. Frameborder:是否显示框架边框4. Border:边框宽度
5. Bordercolor:边框颜色设置
frame属性设置:
1. Src:框架页面地址2. Name:名称设置3. Scrolling:是否带滚动条4. Noresize 不可拖动
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值