您的位置：首页 > Web前端 > HTML

html 框架frameset

2016-04-19 22:56 417 查看 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>main.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

</head>
<frameset rows="15%,*">
<frame src="top.html">
<frameset cols="20%,*">
<frame src="left.html">
<frame src="right.html" name="right">
</frameset>
</frameset>

</html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>top.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

</head>

<body background="../../imags/3.jpg">
<table border="0" cellspacing="0" align="center" bgcolor="red">
<tr>
<td> </td>
</tr>
<tr>
<td><font size="10" color="blank" >黑马程序员教务系统</font></td>
</tr>
</table>

</body>
</html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>left.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

</head>

<body background="../../imags/2.jpg">
<table  align="center" height="88" cellpadding="33">
<tr>
<td><a href="../学生信息.html" target="right">学生信息</a></td>
</tr>
<tr>
<td><a href="../学生成绩.html" target="right">学生成绩</a></td>
</tr>
<tr>
<td><a href="../学生照片.html" target="right">学生照片</a></td>
</tr>
<tr>
<td><a href="../xxoo.html" target="right">xxoo</a></td>
</tr>
</table>
</body>
</html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>right.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

</head>

<body background="../../imags/6.jpg">
<form action="" method="get" target="_blank">
<center>
<table title="欢迎登陆黑马学生教务管理系统！" cellpadding="5" bordercolor="red" >
<tr>
<td >用户名</td>
<td><input type="text" name="用户名"></td>
</tr>
<tr>
<td align="center">密 码</td>
<td><input type="password" name="密码"></td>
</tr>
<tr>
<td align="center">性 别</td>
<td>
<input type="radio" name="sex" value="男" checked="checked">男
<input type="radio" name="sex" value="男">女
</td>
</tr>
<tr>
<td align="center">出 生</td>
<td>
<select>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
</select>年
<select>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
</select>月
<select>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
</select>日
</td>
</tr>
<tr>
<td align="center">爱 好</td>
<td>
<input type="checkbox" name="爱好" value="旅游">旅游
<input type="checkbox" name="爱好" value="音乐">音乐
<input type="checkbox" name="爱好" value="编程">音乐
<input type="checkbox" name="爱好" value="安卓">音乐
</td>
</tr>
<tr>
<td align="center">自我介绍</td>
<td>
<textarea rows="5" cols="30" name="自我介绍"></textarea>
</td>
</tr>
<tr>
<td align="center">文件</td>
<td>
<input type="file" name="文件">
</td>
</tr>
<tr>
<td align="center"></td>
<td>
<input type="image" src="../../imags/20.png" name="提交">
<input type="reset" name="重置" size="10">
</td>
</tr>
</table>
</center>
</form>
</body>
</html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>xxoo.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

</head>

<body>
<a name="top" >顶部</a>
<font size="10" color="red">顾雨磊</font>
</br>
<br/>
</br>
<font size="5" color="red">顾雨磊</font>
<hr/>
<hr size="5" color="blue"/>
</hr><!--不起作用 -->
<html  :>  开始
&
</br>
<dl>
<dt>1234567890</dt>
<dd>guyulei</dd>
<dd>zhouhongwei</dd>
</dl>
<ol type="disc">
<li>guyulei</li>
<li>zhouhongwei</li>
<li>ainiba</li>
</ol>

<img src="E:\Html\htmlday01\1.jpg" width="500" height="500" alt="两个姑娘"/><br/>
<a href="超链接测试.html">超链接</a>
<a href="#top">返回顶部</a>
<br/>

<table border="1" bordercolor="blue" cellspacing="0" width="200" height="200">
<caption>表格的标题</caption>
<tr align="center">
<td>gu</td>
<td>yu</td>
<td>lei</td>
</tr>
<tr align="center">
<td>zhou</td>
<td>hong</td>
<td>wei</td>
</tr>
<tr>
<th>wo</th>
<th>ai</th>
<th>ni</th>
</tr>
</table>
<br/>
<table border="1" bordercolor="red" cellspacing="0" width="150" height="200">
<caption>合并单元格</caption>
<tr>
<td colspan="5" align="center">1</td>

</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>0</td>
</tr>
<tr>
<td>q</td>
<td>w</td>
<td>e</td>
<td>r</td>
<td>t</td>
</tr>
<tr>
<td>y</td>
<td>u</td>
<td>i</td>
<td>o</td>
<td>p</td>
</tr>
</table>
<br/>
<table border="1" bordercolor="blue" cellspacing="0" width="200" height="200">
<caption>表格的标题</caption>
<tr align="center">
<td>gu</td>
<td>yu</td>
<td rowspan="3">lei</td>
</tr>
<tr align="center">
<td>zhou</td>
<td>hong</td>

</tr>
<tr>
<th>wo</th>
<th>ai</th>

</tr>
</table>
<form>
用户名：<input type="text" name="用户名"/><br/>
    密码：<input type="password" name="密码"/><br/>
    性别：<input type="radio" name="性别" value="nan" checked="checked"/>男<input type="radio" name="性别" value="nv"/>女<br/>
爱好：<input type="checkbox" name="爱好" value="旅游" checked="checked"/>旅游<input type="checkbox" name="爱好" value="编程"/>编程<input type="checkbox" name="爱好" value="红伟"/>红伟<br/>
文件：<input type="file" name="文件"/><br/>
生日：<select name="生日">
<option value="0">请选择</option>
<option value="1989">1989</option>
<option value="1990" selected="selected">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
</select><br/>
自我介绍：<textarea cols="25" rows="5" name="自我介绍"></textarea><br/>
隐藏项：<input type="hidden"/><br/>
提交：<input type="submit" value="注册"/><br/>
<input type="reset" value="重置注册"/><br/>
<input type="button" value="顾雨磊"/>
</form>
</body>
</html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>学生照片.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

</head>

<body>
<img alt="xxx" src="../imags/1.jpg" width="200px" height="180px" >
<img alt="xxx" src="../imags/2.jpg" width="200px" height="180px" >
<img alt="xxx" src="../imags/3.jpg" width="200px" height="180px" >
<img alt="xxx" src="../imags/5.jpg" width="200px" height="180px" >
<img alt="xxx" src="../imags/6.jpg" width="200px" height="180px" >
<marquee>
<!--   显示一张图片，宽度400px，高度300px，边框10px -->
<img alt="xxx" src="../imags/4.jpg" width="200px" height="180px" >
<img alt="xxx" src="../imags/5.jpg" width="200px" height="180px" >
<img alt="xxx" src="../imags/6.jpg" width="200px" height="180px" >
</marquee>
<marquee>
<img alt="xxx" src="../imags/7.jpg" width="200px" height="180px" >
<img alt="xxx" src="../imags/8.jpg" width="200px" height="180px" >
<img alt="xxx" src="../imags/9.jpg" width="200px" height="180px" >
</marquee>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航