资源描述
第二次
l <marquee>标记 移动字幕
<marquee width="400" height="80" bgcolor="00FFFF" behavior="alternate" scrollamount="10" scrolldelay="50"> 字幕文本 </marquee>
width="400" height="80" 在规定的高、宽块中移动
behavior="alternate" 左右来回移动
behavior="scroll" 无限重复
loop="3" 重复出现次数
behavior="slide" 移动一次
direction="right"|"left" 移动方向，默认是从右相左
scrollamount="10" 每一步的步长值，越大越快。
scrolldelay="50" 移动的延时值，越大越慢。
例2-1：移动字幕
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<html xmlns="http://www.w.org/1999/xhtml">
<head>
<title>字幕</title>
</head>
<body>
<marquee> 欢迎光临 </marquee><br>
<marquee bgcolor="yellow"> 信息学院 </marquee><br>
<marquee width="400" height="80" bgcolor="00FFFF"> 免费聊天室 </marquee><br>
<marquee behavior="alternate"> 软件学院 </marquee><br>
<marquee scrollamount="10" scrolldelay="500"> 下载文件访客计数器 </marquee><br>
<marquee loop="3"> 移动3次 </marquee><br>
</body>
</html>
l <a> 超链接标记
<a href="URL" target="网页打开位置"> 超文本 </a>
相对链接：不以"http:// " 开头，只包含想要显示的网页路径，用于网站内部链接。
绝对链接：以"http:// " 开头，用于网站外部、内部链接。
以"file:/// " 开头，用于非网页类型的文件，效果是下载。
如：
<a href="contact.htm"> Contact </a> 链接本文件夹内的文件contact.htm
<a href="products/contact.htm"> Contact </a> 链接本文件夹内的子文件夹products内的文件contact.htm
例2-2 超连接
<ul>
<li><a href="" target="_blank"> 新浪网 </a></li>
<li><a href="c3_2_1.htm" target="_blank"> 新闻图例--相对路经 </a></li>
<li><a href="file:///E:/王晶/2010年下_本科J2EE/2--XHTML/ref/课程组划分2.doc"> 非网页文件--绝对路经1
</a></li>
<li><a href="ref/课程组划分2.doc"> 下一级的相对路经 </a></li>
<li><a href="课程组划分1.doc"> 当前位置的相对路经 </a></li>
</ul>
target="_blank" 网页在新窗口中打开；target="_self" 网页在当前窗口中打开
在网页内部链接（书签）
定义书签：
<a id="书签名" name="书签名"> </a> id和name的功能相同，都是定义书签名，一个是在低版本的浏览器中有效，一个是在高版本的浏览器中有效，因此，最好对id和name都进行定义。
链接到书签：
<a href="#书签名"> 超文本</a>
如：
<li><a href="#vb"> VB系列书籍--链接书签</a>
<br>
<br>
<br>
<br>
<a id="vb" name="vb"> VB系列书籍: </a>
<p> Visual B程序设计 </p>
<p> Visual B实践案例 </p>
<br>
l <table> 表格标记
<table border="边框粗度" bgcolor="背景色" heigt="表格高" width="表格宽" align="对齐方式" frame="边框线的显示方式" rules="网格线的显示方式">
<caption> 表的标注文本 <caption>
<tr> 第一行（th是黑体，用于表头标题文字。td是一般字体。）
<td>|<th>
第一列（单元格）
</td>|</th>
<td>|<th>
第二列
</td>|</th>
</tr>
<tr> 第二行
<td>
第一列
</td>
<td>
第二列
</td>
</tr>
</table>
行和单元格的属性：
align="左右对齐"，valign="垂直对齐方式"，bgcolor="背景色"，colspan="跨列数"，rowspan="跨行数"
对齐的取值：align=right|left|center； valign=top|middle|bottom
例2-3 表格1
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<html xmlns="http://www.w.org/1999/xhtml">
<head>
<title>表格1</title>
</head>
<body>
<table border="10">
<caption> 员工薪资 <caption>
<tr>
<th>姓名</th>
<th>职称</th>
<th>薪资</th>
</tr>
<tr>
<td>张三</td>
<td>程序设计师</td>
<td>6500</td>
</tr>
<tr>
<td>李四</td>
<td>1.数据库管理师<br>
2.技术顾问</td>
<td>8000</td>
</tr>
</table>
</body>
</html>
例2-4 表格2
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<html xmlns="http://www.w.org/1999/xhtml">
<head>
<title>表格2</title>
</head>
<body>
<table border="10" heigt="150" width="600" align="center">
<tr align="center">
<th>姓名</th>
<th>职称</th>
<th>薪资</th>
</tr>
<tr align="center">
<td heigt="33" width="129" align="left"> 张三</td>
<td heigt="33" width="172" align="right">程序设计师</td>
<td heigt="33" width="259" align="center">6500</td>
</tr>
<tr align="center">
<td heigt="73" width="129" valign="top">李四</td>
<td heigt="73" width="172" valign="middle">1.数据库管理师<br>
2.技术顾问</td>
<td heigt="73" width="259" valign="bottom">8000</td>
</tr>
</table>
<p></p><br>
<p></p><br>
<table border="10" bgcolor="yellow">
<tr bgcolor="aqua">
<th>姓名</th>
<th>职称</th>
<th>薪资</th>
</tr>
<tr bgcolor="lim">
<td bgcolor="silver"> 张三</td>
<td bgcolor="blue">程序设计师</td>
<td bgcolor="pink">6500</td>
</tr>
<tr align="center">
<td>李四</td>
<td>1.数据库管理师<br>
2.技术顾问</td>
<td>8000</td>
</tr>
</table>
</body>
</html>
例2-5 表格3
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<html xmlns="http://www.w.org/1999/xhtml">
<head>
<title>表格2</title>
</head>
<body>
<table border="5" frame="hsides">
<tr>
<th>姓名</th>
<th>电话</th>
<th>住址</th>
</tr>
<tr>
<td>张三</td>
<td>(o)004-9874512</td>
<td>(402)广州市中山路54号</td>
</tr>
<tr>
<td>李四</td>
<td>(H)004-5678412</td>
<td>(101)广州市福金路5号</td>
</tr>
</table>
<p></p><br>
<p></p><br>
<table border="5" frame="lhs">
<tr>
<th>姓名</th>
<th>电话</th>
<th>住址</th>
</tr>
<tr>
<td>张三</td>
<td>(o)004-9874512</td>
<td>(402)广州市中山路54号</td>
</tr>
<tr>
<td>李四</td>
<td>(H)004-5678412</td>
<td>(101)广州市福金路5号</td>
</tr>
</table>
<p></p><br>
<p></p><br>
<table border="5" rules="rows">
<tr>
<th>姓名</th>
<th>电话</th>
<th>住址</th>
</tr>
<tr>
<td>黄小</td>
<td>(o)004-9874563</td>
<td>(435)广州市武汉路12号</td>
</tr>
<tr>
<td>蔡大</td>
<td>(H)0927-123456</td>
<td>(101)广州市建中路77号</td>
</tr>
</table>
<p></p><br>
<p></p><br>
<table border="5" rules="none">
<tr>
<th>姓名</th>
<th>电话</th>
<th>住址</th>
</tr>
<tr>
<td>黄小</td>
<td>(o)004-9874563</td>
<td>(435)广州市武汉路12号</td>
</tr>
<tr>
<td>蔡大</td>
<td>(H)0927-123456</td>
<td>(101)广州市建中路77号</td>
</tr>
</table>
</body>
</html>
6
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
