导航:首页 > 万维百科 > 简单html网页设计代码

简单html网页设计代码

 发布时间：2020-08-03 20:44:37

1、就简单简单网页代码

昨天晚上新写的
给你吧
<!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=gb2312" />
<title>标准网页</title>
<style type="text/css" >
#bodydiv{ position:relative; margin-left:95px; margin-right:95px;}
#body{ background-color:#FF8080;
margin-top:auto;
color: #996600;
font-family: "黑体";
;
}
#bannerdiv{ position:relative;}
#bannertable{}
#centerdiv{ position:relative; padding-left:3px;}
#centertable{ }
#rootdiv{ margin-top:11px;}
</style>
</head>
<body id="body" >
<div id="bodydiv">
<div id="bannerdiv">
<table align="center" id="bannertable">
<tr>
<td>
<img src="banner.gif" width="770" height="170">
</td>
</tr>
</table>
</div>
<div id="centerdiv">
<table id="centertable" border="0" cellpadding="7px" >
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center"></td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td align="center"><img src="headimg.jpg" width="200" height="170" /></td></tr></table> </td>
<td rowspan="2">
<table border="0" style=" height:24px; width:373px;"background="divbg.gif" >
<tr><td align="center">日志</td></tr></table>
<table border="0" style="height:380px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table> </td>
<td rowspan="2">
<table border="0" style=" height:24px; width:160px;"background="divbg.gif" >
<tr><td align="center">网站导航</td></tr></table>
<table border="0" style="height:380px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table> </td>
</tr>
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center">心情</td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
</tr>
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center">头像31</td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
<td>
<table border="0" style=" height:24px; width:373px;"background="divbg.gif" >
<tr><td align="center">头像32</td></tr></table>
<table border="0" style="height:170px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
<td>
<table border="0" style=" height:24px; width:160px;"background="divbg.gif" >
<tr><td align="center">头像33</td></tr></table>
<table border="0" style="height:170px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
</tr>
</table>
</div>
<div id="rootdiv">
<table align="center">
<tr>
<td align="center">
<img src="rootimg.gif" height="60" width="190" />
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>

2、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>
<title>3</title>
<script>
function r()
{

var username=document.getElementById("username");

var pass=document.getElementById("password");
if(username.value=="")
{
alert("请输入用户名");
username.focus();
return;
}
if(pass.value=="")
{
alert("请输入密码");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用户名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 码</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>验证码</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 录" onclick="r();"/>     <input type="reset" value="重 置"/></td></tr>

</table>
</form>
</body>
</html>

3、html网页制作代码

4、跪求网页制作简单入门html的一系列代码速成

用一分钟制作自己的第一个网页： 下面我们来试着做一个简单的网页，希望您能跟着我们操作，这只会花费您一分钟时间。现在您也许不知道那些尖括号“<>”和里面的字母究竟是些什么东西，不要担心，我们会在后面的教程中向您介绍。 首先请运行记事本，或在任意位置新建一个文本文档，在记事本内输入如下内容： 网页教学网以下为引用的内容： 我是这个网页的标题 这是我的第一个网页。 输入完毕后将文件保存，命名为“index.html”。(点击“文件”—>“另存为”。在“文件名”一栏填入“index.html”，在“保存类型”一栏选择"所有文件"，然后点击“保存按钮”) Webjx.Com保存之后，双击该文件，浏览器就会自动打开这个网页了。请确认一下你的网页是否与该页面相同，如果相同，那么你就成功地完成了自己的第一个比较简陋的网页。 Webjx.Com请注意，这只是一个简单的页面，虽然它在语法上符合XHTML的标准，但是如果要作为一个完整的、符合W3C标准的XHTML网页，它还缺少一些内容。相关内容将在后面的教程中介绍。这个网页仅仅是用来讲解一些基础的XHTML知识。 基础知识讲解 Webjx.Com 我们刚刚制作的网页以 开头，以 结尾，它们分别代表网页文件的开始和结束。 Webjx.Com英文中head是头的意思，body是身体的意思。网页的 和 两部分就分别代表了网页的“头”和“身子”。也许你注意到了，我们网页的“头”里面“有一个 。title一词是标题的意思，网页的标题(title)将会显示在浏览器上方的标题栏中。而网页的身子，也就是 与 标签中间的内容将作为正文被显示在浏览器中。 网页教学网这个网页很单薄，head和body中都没有什么内容。我们会在以后的教程中逐渐丰富网页的内容。但是现在请您记住一个概念：网页的头(head)是为浏览器写的，它将不会显示在页面上，而身子(body)是为网站的用户写的，是浏览器将要显示的内容。 菜鸟恶搞XHTML之错误示例 网页教学网 打开下面这两个错误示例看看。它们的代码都存在十分严重的错误，但是浏览器却会准确无误地显示这两个网页。 示例1——身子长在脑袋里 我是这个网页的标题 这是我的第一个网页。 网页教学网看看上面这个网页， 和 之间的内容正常的显示在页面上了。但是这是滑稽的错误，把身子放在脑袋里了。 Webjx.Com 示例二——脑袋长在脖子下 我是这个网页的标题 这是我的第一个网页。 Webjx.Com浏览器的适应能力实在是令人佩服，即使你将脑袋放在身子里它也认得出来。看看标题栏，标题完全正常显示。 好了，在实际应用的时候请不要犯上面这种低级错误。这会造成严重的后果：搜索引擎可能不收录你的网站；使用手机或者其他移动设备浏览你网站的朋友可能遇到未知错误。下面就赶快让我们来进入XHTML的核心内容吧。 本文来自：网页教学网( www.webjx.com )原文链接： http://www.webjx.com/html-xhtml/webxhtml-2463.html

5、html求制作一个简单网页代码，只需要一些文字加张图片

完整的代码如下：
<html>
<head>
<title>简单网页制作练习</title>
</head>
<body>
<p>1.文字内容，直接输入文字即可。。。。。如果想设置其相关属性可以使用font标签
<font size="18" color="red" >红色18号文字</font> </p>
<p> 2.添加图片 <img src="图片名称.属性" id=“图片简介”>
<img src="1.jpg" id=" 加入图片练习"> </p>
</body>
</html>
楼主，如果不明白可以HI联系我。。。。

6、求html静态页面的代码，简单点的?

<html><head> <title>滚动字幕</title> </head>
<body text=#ff0000 bgcolor=#ccff99>
<marquee>请进入音乐休闲屋</marquee>
<marquee direction=left>看我还会动呢,并且是从右向左移动
</marquee> <p>
<marquee direction =right behavior=scroll>我从左向右一圈一圈的移动
</marquee > <p>
<marquee scrollamount=18>我是不是移动的比较快？
</marquee> <P>
<marquee loop=3 bgcolor=blue>我的底色是蓝的，我循环三次即停止移动
</marquee > <p>
</body> </html>

7、用html如何制作一个简单的网页代码？

1、首先，在计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。

2、然后双击打开带有记事本的文本文档，如下图所示，我们编写一个简单的html代码。

3、单击“另存为”的功能选项，显示默认保存为编码为ANSI。

4、我们将更改编码和文件名，将其更改为如图所示的图像并保存。

5、然后返回到新创建的文件夹，发现有一个额外的html文件。

6、最后，使用浏览器打开html文件，效果如图所示，简单的网页被成功编写。

8、怎么用html制作简单得网页代码？

HTML的全称是HyperTextMarkupLanguage，超文本标记语言 。
其实它就是文本，由浏览器负责将它解析成具体的网页内容。

比如，浏览器会将下面的HTML代码。

9、谁能帮我用HTML语言做一个简单的网页?代码就行

<html>

<head>

<title>第一个html网页</title>

<metacharset="utf-8">

</head>

<body>

</body>

</html>

<html>

<head>

<title>第一个html网页</title>

<metacharset="utf-8">

</head>

<body>

<table>

<tr>

<td>第一行第一列专</td>

<td>第一行第二列</td>

</tr>

<tr>

<td>第二行第一列</td>

<td>第二行第二列</td>

</tr>

</table>

</body>

</html>

(9)简单html网页设计代码扩展资料

HTML语言特点

1、HTML语法较属弱。

在w3c制定的HTML5规范中，对于HTML5在语法结构上的规格限制是较松散的，如、或在浏览器中具有同样的功能，是不区分大小写的。另外，也没有严格要求每个控制标记都要有相对应的结束控制标记。

2、HTML5编写简单。

即使用户没有任何编程经验，也可以轻易使用HTML来设计网页，HTML5的使用只需将文本加上一些标记(Tags)即可。

3、HTML标记数目有限。

在w3C所建议使用的HTML5规范中，所有控制标记都是固定的且数目是有限的。固定是指控制标记的名称固定不变，且每个控制标记都已被定义过，其所提供的功能与相关属性的设置都是固定的。

与简单html网页设计代码相关的知识