『壹』 求网页的简单制作代码.(最简单的)
<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=gb2312" />
<title>单选框网页实例</title>
</head>
<body>
<p> </p>
<p align="center"><b><font size="6" color="#0000FF">基于</font><font face="Times New Roman" size="6" color="#0000FF">uClinux</font><font size="6" color="#0000FF">的</font><font face="Times New Roman" size="6" color="#0000FF">Web</font><font size="6" color="#0000FF">服务器控制三个</font><font face="Times New Roman" size="6" color="#0000FF">LED</font><font size="6" color="#0000FF">的测试</font></b></p>
<p></p>
<table width="651" height="230" border="1" align="center">
<tr>
<td width="670" height="200">
<p align="center">通过下面的选项,你可以控制开发板上的led了。</p>
<form action="/cgi-bin/cgi_test">
<p align="center">
<input type="radio" name="R1" value="V1" checked="checked" />1开
<input type="radio" name="R2" value="V1" checked="checked" />2开
<input type="radio" name="R3" value="V1" checked="checked" />3开</p>
<p align="center">
<input type="radio" name="R1" value="V2" />1关
<input type="radio" name="R2" value="V2" />2关
<input type="radio" name="R3" value="V2" />3关</p>
<p align="center">
<input type="submit" value="确认" name="B1" />
</p></td>
</form>
</tr>
</table>
<p> </p>
<p align="center">说明:这个是基于s3c44b0的uClinux(linux 2.4 kernel)系统设计的 </p>
<p> </p>
</body>
</html>
『贰』 网站的代码是什么许多网站都提供的
简单实用的HTML代码分享
Jan 5,2005 Farhill
感谢易趣朋友的支持,本篇可以用于网上店铺和物品页面可插入HTML的任何一个地方。如淘宝网,易趣网,一拍网,买麦网等。
一、HTML各种命令的代码:
1、文本标签(命令)
<pre></pre> 创建预格式化文本
<h1></h1> 创建最大的标题
<h6></h6> 创建最小的标题
<b></b> 创建黑体字
<i></i> 创建斜体字
<tt></tt> 创建打字机风格的字体
<cite></cite> 创建一个引用,通常是斜体
<em></em> 加重一个单词(通常是斜体加黑体)
<strong></strong> 加重一个单词(通常是斜体加黑体)
<font size=?></font> 设置字体大小,从 1 到 7
<font color=?></font> 设置字体的颜色,使用名字或十六进制值
2、图形(命令)
<img src="name"> 添加一个图像
<img src="name" align=?> 排列对齐一个图像:左中右或上中下
<img src="name" border=?> 设置围绕一个图像的边框的大小
<hr> 加入一条水平线
<hr size=?> 设置水平线的大小(高度)
<hr width=?> 设置水平线的宽度(百分比或绝对像素点)
<hr noshade> 创建一个没有阴影的水平线
3、链接(命令)
<a href="URL"></a> 创建一个超链接
<a href="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接
<a name="NAME"></a> 创建一个位于文档内部的靶位
<a href="#NAME"></a> 创建一个指向位于文档内部靶位的链接
4、格式排版(命令)
<p> 创建一个新的段落
<p align=?> 将段落按左、 中、 右对齐
<br> 插入一个回车换行符
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 创建一个定义列表
<dt> 放在每个定义术语词之前
<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表
<li> 放在每个数字列表项之前,并加上一个数字
<ul></ul> 创建一个标有圆点的列表
<li> 放在每个圆点列表项之前,并加上一个圆点
<div align=?> 一个用来排版大块HTML 段落的标签,也用于格式化表
二、HTML基本语法
文件格式<html></html>(文件的开头与结尾)
主题<title></title>(放在文件的开头)
文头区段<head></head>(描述文件的信息)
内文区段<body></body>(放此文件的内容)
标题<h?></h>(?=1~6,改变标题字的大小)
标题对齐<h align=right,left,center></h>
字加大<big></big>
字变小<small></small>
粗体字<b></b>
斜体字<i></i>
底线字<u></u>
上标字<sup></sup>
下标字<sub></sub>
居中<center></center>
居左<left> </left>
居右<right> </right>
基本字体大小<basefont size>(取值范围从1到7,默认值为3)
改变字体大小<font size=?></font>(?=1~7)
字体颜色<font color=#rrggbb></font>(RGB色码)
指定字型<font face=?></font>(?=宋体,楷体等)
网址链结<a href="URL"></a>
设定锚点<a name="?"></a>(?以容易记为原则)
链结到锚点<a href="#?"></a>(同一份文件)
<a href="URL#?"></A>(锚点不同文件)
显示图形<img src="URL"></a>
图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)
图形取代文字<img src="URL"alt=?>(无法显示图形时用)
图形尺寸<img src="URL" width=? height=?>(?以像素为单位)
连结图形边线<img src="URL"border=?>(?以像素为单位)
图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)
段落<p></p>
断行<br></br>
横线<hr>
横线厚度<hr size=?>(?以像素为单位)
横线长度<hr width=?>(?以像素为单位)
横线长度<hr width=?%>(?与页宽相比较)
实横线<hr noshade>(无立体效果)
背景图案<body background=图形文件名>(图形文件格式为gif和jpg)
背景颜色<body bgcolor=#rrggbb>(RGB色码)
背景文字颜色<body text=#rrggbb>(RGB色码)
未链结点颜色<body link=#rrggbb>(RGB色码)
已链结点颜色<body vlink=#rrggbb>(RGB色码)
正在链结点颜色<body alink=#rrggbb(RGB色码)
三、具体在做html文件前,我们还有哪些需要做的:
1、网页图象一般有什么要求?
受网络传输速度制约,图象要尽量小。一般每幅最大不要20K。
图象格式一般为gif和jpg两种。通常单调的可以考虑使用gif压缩。用jpg处理照片比较合适,因为里面包含许多色彩的缓和变化。不管是哪种,做好后都应压缩以给图片减肥,但不要压得太多而失真。压缩可用JPEG Optimizer或Image Optimizer两种工具,若用photoshop5.5做的图象,保存时直接用Save For Web可进行压缩。另外,Gif格式可作成动画。
2、选择图片的网络存储空间
建议各位卖家们事先可以找一个稳定的空间来存放你的图片,以确保你的买家随时可以看到精美漂亮的商品。注意:不要把图片存放在免费相册里,因为这些相册的路径一般都是虚拟的,每一次浏览的URL都会改变,这对我们卖家来说是非常不好的。
另外要注意的一点是:有一些买家反映看到的卖家商品的图片是小叉叉,这是因为一些卖家在用HTML粘贴图片的时候把自己电脑中C盘或者D盘(也就是本地路径)的图片的路径直接直接复制在命令中,这样就会造成卖家自己可以看到这些图片而你的买家们看到的则是叉叉!所以卖家们在用HTML制作图片的时候一定要注意不要用本地路径直接粘贴图片!
四、练习的例子:(红色字体部分即可修改成你自己的自定义)
第一:用HTML来插入一个图片,
<img src="http://www.cyberhome.cn/images/girl/PLMM_A.jpg">
第二:用HTML来插入一个URL,
<a href="http://www.cyberhome.cn/images/girl/PLMM_move.gif">点击我进入</a>
第三:插入url的同时,插入图片,点击图片就可以进入这个url
<a href="http://taobao.cyberhome.cn/><img src="http://www.cyberhome.cn/images/girl/PLMM_C.jpg"></a>
第四:插入一段音乐
<embed src=""http://www.cyberhome.cn/images/hill-water.mid" width="72" height="25" autostart="false" loop="1" align="absmiddle" controls="smallconsole/playbutton/pausebutton/stopbutton"></embed>
『叁』 html求制作一个简单网页代码,只需要一些文字加张图片
具体步骤如下:
『肆』 带链接简单完整的网页代码
<html>
<head>第一章 XHTML</sitle></head>
<body>
<p>1、<A href="简单网页.htm" target=right>简单网页的制作效果</A></p>
<p>2、<A href="流动图片.htm" target=right>流动图片的制作效果</A></p>
<p>3、<A href="列表.htm" target=right>列表的制作效果</A></p>
<p>4、<A href="表格.htm" target=right>表格的制作效果</A></p>
</body>
</html>
第一个的链接
<html>
<head><title>网页制作基础语言——XHTML</title></head>
<body bgcolor=#fffff0 text=blue>
<h2 align=center>第3章 网页制作基础语言——XHTML</h2>
<p>    每一幅网页就是一份HTML或XHTML文件。</p>
<h3>3.1 标记语言简介</h3>
<p>    目前常用的计算机标记语言有SGML、HTML、XML、VXML(虚拟现实模型语言)、WML(无线标记语言)、XHTML等。</h3>
<h4>3.1.1 标准通用标记语言——SGML</h4>
<p>    1989年,IBM公司开发了通用标记语言(Standard Generalized Markup Language,简称为SGML)。</h4>
<h4>    1.标记及其属性</h4>
<p>    XHTML文档由标记和被标记的内容组成,格式为:</p>
<p align=center><标记>受标记影响的内容<</>/标记></p>
<h4>    2.XHTML代码规范</h4>
<p>    在编写XHTML代码时,必须遵循以下规范。</p>
</body>
</html>
第二个的链接
<html>
<head><title>流动图片</title></head>
<body>
<marquee direction=left behavior=scroll loop=-1 scrollamount=10 bgcolor=#faa755 lign=middle>《计算机导论》     《计算机文化基础》     《网页设计教程》     《C++教程设计》     《计算机操作系统》
</marquee>
<marquee direction=left behavior=scroll loop=-1 scrollamount=5 >
<div align=right>
<img src="04.jpg" hspace=20 vspace=20 width= 500 height=500><img src="05.jpg" hspace=20 vspace=20 width=500 height=500><img src="06.jpg" hspace=20 vspace=20 width=500 height=500><img src="07.jpg" hspace=20 vspace=20 width=500 height=500>
</marquee>
</body>
</html>
第三个的链接
<html>
<head><title>嵌套列表练习</title></head>
<body>
<ol type=A start=2>
<li>白菜
<ul type=circle>
<li>北京一元三毛一斤
<li>上海八毛一斤
<li>重庆五毛一斤
</ul>
<li>土豆
<ul type=circle>
<li>北京一元三毛一斤
<li>上海八毛一斤
<li>重庆五毛一斤
</ul>
</ol>
</body>
</html>
第四个的链接
<html>
<head><title>表格的制作</title></head>
<body>
<table width=100% bgcolor=#d3d7d4 border=1 bordercolor=blue>
<caption><font face="宋体" size=6 ><b>足球队</b></font>
</caption>
<tr align=center>
<th colspan=2>意大利<th colspan=2>英格兰<th colspan=2>西班牙</th>
<tr align=center>
<td width=16.6%>AC米兰<td width=16.6%>佛罗伦萨<td width=16.6%>曼联<td width=16.6%>纽卡斯尔<td width=16.6%>巴塞罗那<td width=16.6%>皇家社会
<tr align=center>
<td width=16.6%>尤文图斯<td width=16.6%>桑普多利亚<td width=16.6%>利物浦<td width=16.6%>阿申纳<td width=16.6%>皇家马德里<td width=16.6%>……
<tr align=center>
<td width=16.6%>拉齐奥<td width=16.6%>国际米兰<td width=16.6%>切尔西<td width=16.6%>米德尔斯堡<td width=16.6%>马德里竞技<td width=16.6%>……
</table>
</body>
</html>
里面的内容你可以修改。