一个完整的html代码 5

单个页面的html代码,急救救急... 单个页面的html代码,急救救急 展开
 我来答
南非乌雀
2018-03-30 · TA获得超过4.9万个赞
知道小有建树答主
回答量:62
采纳率:100%
帮助的人:1.5万
展开全部

简单的htm的编写过程如下:

  1. 先新建一个文本文件,可以自己命名,如下图,我命名为测试。

  2. 编译文本,以最简单的代码格式为例<html>     <head>         <title>         </title>     </head>     <body>     </body></html>

  3. 在<body></body>写入你要写的内容,下面以hello world为例。

  4. 修改文件后缀名,将txt改为html。

  5. 测试是否成功,双击  测试.html,如果出现了下面的内容,恭喜你,你已经学会了最简单的html编写。

叫我尹尹就好
2017-06-09 · 日常心得日记,情感类,人际关系,个人提升
叫我尹尹就好
采纳数:300 获赞数:679

向TA提问 私信TA
展开全部

主体页面:

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:

<!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 {
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>

将代码分别保存在一个目录下,名称要对应!


本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
三体迷智子一号B7
高粉答主

2020-05-01 · 每个回答都超有意思的
知道答主
回答量:2.5万
采纳率:1%
帮助的人:1286万
展开全部
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
valenhua
2018-07-29
知道答主
回答量:7
采纳率:0%
帮助的人:7922
展开全部

HTML 是什么

HTML 是超文本标记语言(HyperText Markup Language)的简称,是一种用于创建网页的标准标记语言;HTML 运行在浏览器上,由浏览器来解析并呈现结果。

看详细链接 网页链接

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式