一个完整的html代码68
发布网友
发布时间：2023-10-10 08:45
共3个回答
热心网友
时间：2024-12-03 19:45
简单的htm的编写过程如下：
先新建一个文本文件，可以自己命名，如下图，我命名为测试。
编译文本，以最简单的代码格式为例<html> <head> <title> </title> </head> <body> </body></html>
在<body></body>写入你要写的内容,下面以hello world为例。
修改文件后缀名，将txt改为html。
测试是否成功，双击 测试.html，如果出现了下面的内容，恭喜你，你已经学会了最简单的html编写。
热心网友
时间：2024-12-03 19:46
主体页面：
index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
</head>
<frameset rows="120,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frameset cols="120,*" frameborder="no" border="0" framespacing="0">
<frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>
top.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.bgx {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #00F;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
}
.qqxf {
font-size: 14px;
color: #666;
text-align: center;
}
.zhmm {
width: 100px;
}
.xwz {
font-size: 14px;
}
.denglu {
width: 100px;
height: 25px;
}
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="bgx">
<tr>
<td width="400" height="115" bgcolor="#BFF2FF"><img src="images/suoxiaob.png" width="364" height="72" /></td>
<td bgcolor="#BFF2FF"><table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="157"><img src="images/qq.png" width="149" height="34" /></td>
<td width="20" rowspan="2"><hr width="1" size="50" /></td>
<td width="179">账号：
<label for="bs"></label>
<input name="bs" type="text" class="zhmm" id="bs" placeholder="用户名/email"/></td>
<td width="104"><input type="checkbox" name="1" id="1" />
<label for="1" class="xwz">自动登录</label></td>
<td width="20" rowspan="2"><hr width="1" size="50" /></td>
<td width="70" class="xwz">找回密码</td>
</tr>
<tr>
<td height="30" class="qqxf">只需一步，快速开始</td>
<td>密码：
<label for="mm"></label>
<input name="mm" type="password" class="zhmm" id="mm" /></td>
<td><input name="DL" type="submit" class="denglu" id="DL" value="登录" /></td>
<td class="xwz">文友注册</td>
</tr>
</table></td>
</tr>
</table>
<div></div>
</body>
</html>
left.html:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的首页</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.dh{
margin:0;
padding:0;
list-style-type: none;
}
.dh .dh1 {
background-color: #39F;
height: 30px;
margin-bottom:1px;
font-size:18px;
text-align:center;
line-height: 30px;
overflow:hidden;
}
.dh .dh1:hover {
height:150px;
}
.dh2{
margin:0;
padding:0;
list-style-type:none;
}
.dh2 li{
height:30px;
text-align:center;
line-height:30px;
background-color: #0F9;
}
.dh2 li a {
text-decoration: none;
color: #333;
display: block;
height: 30px;
width: 110px;
}
.dh2 li:hover{
background:#FF3;
}
</style>
</head>
<body>
<table width="110" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="800" valign="top">
<ul class="dh">
<li class="dh1">正规学习
<ul class="dh2">
<li><a href="xs2.html" target="mainFrame">语文</a></li>
<li><a href="xs3.html" target="mainFrame">数学</a></li>
<li><a href="xs2.html" target="mainFrame">电子商务</a></li>
<li><a href="xs3.html" target="mainFrame">互联网</a></li>
</ul>
</li>
<li class="dh1">科幻小说
<ul class="dh2">
<li><a href="xs2.html" target="mainFrame">宇宙</a></li>
<li><a href="xs2.html" target="mainFrame">哲学</a></li>
<li><a href="xs2.html" target="mainFrame">电子商务</a></li>
<li> <a href="xs3.html" target="mainFrame">互联网</a></li>
</ul>
</li>
<li class="dh1">武侠小说
<ul class="dh2">
<li><a href="xs3.html" target="mainFrame">语文</a></li>
<li><a href="xs2.html" target="mainFrame">数学</a></li>
<li><a href="xs3.html" target="mainFrame">电子商务</a></li>
<li><a href="xs3.html" target="mainFrame">互联网</a></li>
</ul>
</li>
<li class="dh1">言情小说
<ul class="dh2">
<li><a href="xs2.html" target="mainFrame">语文</a></li>
<li><a href="xs3.html" target="mainFrame">数学</a></li>
<li><a href="xs2.html" target="mainFrame">电子商务</a></li>
<li><a href="xs3.html" target="mainFrame">互联网</a></li>
</ul>
</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
main.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body {
background-image: url(images/banner.jpg);
background-repeat: no-repeat;
}
body,td,th {
font-size: 24px;
color: #F63;
font-family: "微软雅黑";
}
</style>
</head>
<body>
<p>《《请点击左边选择小说
</p>
</body>
</html>
将代码分别保存在一个目录下，名称要对应！
热心网友
时间：2024-12-03 19:47
HTML 是什么
HTML 是超文本标记语言（HyperText Markup Language）的简称，是一种用于创建网页的标准标记语言；HTML 运行在浏览器上，由浏览器来解析并呈现结果。
看详细链接 网页链接
