html是编程语言之一。下面，我们来看看html网页制作教程吧。
01新建记事本
在桌面上，新建一张记事本，如下图所示：
02编写代码
打开记事本，编写代码，如下图所示：
03修改后缀名
把记事本修改后缀名为.html，如下图所示：
04网页
在桌面上就会有一张网页，如下图所示：
05运行网页
最后在浏览器上运行该网页，如下图所示：
html是超文本标记语言，也是最简单的一门编辑语言。下面，我们来看看何创建一个html文件吧。
01记事本
现在桌面建立一个记事本，如下图所示：
02然后输入html基本内容，如下图所示：
代码：
<html>
<head>
<title></title>
</head>
<body>
<p>hello world</p>
</p>
</body>
</html>
03另存为
点击【文件】----【另存为】，更改后缀名为【.html】，如下图所示：
04网页
在桌面会出现一个【hello.html】网页，点击它就会运行记事本中的内容，如下图所示：
1编程高手进你要先有一个自己的网页。
比如上面你的一个页面。然后。
再用一个点击链接打开。比如你在记事本写下下面的链接。
然后保存为abc。htm吧打开中国站长站 答案补充大小就自己调整那height和width了。
主要是后面的那段代码：window。 open (' ', 'zgzzw', 'height=500, width=30, top=0, left=0, toolbar=no, menubar=no, scrollbars=yes, resizable=no,location=no, status=no')。
2用什么编辑
html语言只是一种标记性语言，只能够实现静态的页面，也就是没有交互性的页面。
你那个管理系统是动态的（就是交互式的）那么就要用asp或者是jsp来实现，当然也可以用其他的语言来实现，不过现在的主流是jsp和asp。。
如果你要做得很漂亮，而且又要方便维护和升级。 那么要用css,div来布局。
做一个系统都和数据库有很大的关系，所以说还要用到数据库。 总体上掌握了这些就可以做一个系统了。
如果你要提高安全性那么还要用到封装技术。 总的来说做一个系统也不是那么简单的事情。
-----用asp编写就可以，因为这里面有提交表单之类的，只靠html是不行的 -----用html基本上是实现不了的 用asp。 再加上数据库就应该可以了 -----HTML没有办法编辑的。
用ASP。PHP之类的可以 不知道你是不是想做代练用 -----HTML写不处会员管理系统的 用个动态语言写 -----在HTML的基础上，加上动态语言，比如JSP。
ASP。PHP。
等等，并要和数据库连接来存放你的数据 -----html只是一种前台页面的设计语言，用他写出来的是静态页面，如果要实现你需要的功能，你可以用jsp、asp、配合html来写。具体选哪种语言，看你自己对他们的熟练程度看！ -----html语言是实现不了你想要的功能的 如果想实践可以用asp 比较简单 其他的制作动态的还有jsp psp 等等 可以上网下载个留言本系统自己学习下 看懂了就会做了 原理一样 ----- 用户名： 密码： 。
。 。
。 第一个页面 第二个页面： "你要的用户名" and password="你要的密码" then response。
write "你的用户名不正确，请重新输入！" elseif usrname="你要的用户名" and password"你要的密码" then response。 write "你的密码不正确，请重新输入！" elseif usrname"你要的用户名" and password"你要的密码" then response。
write "对不起，你无权访问！" end if %>我只能简单的说一下了，其实还有一个数据库验证的过程，要调用数据库的，只能帮你到这了，不好意思 -----只用html是不行的。 需要加上asp或者javaspcript或者vbspcript。
javaspcript功能比较多一点。
3.如何编写高效率的HTML网页代码
许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误，甚至常看到有人在抱怨其网站排名不理想，到其网站简单看一下便可发现 HTML代码中充斥各种各样的错误，在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊！事实上，IE是一款对HTML代码容错能力甚高的的浏览器，——说句题外话，尽管我们可以有各式各样的理由可以攻击微软，但微软对其产品操作的易手性及可用性方面所做的努力是不容抹杀的。
—— Web页面能够在IE下正常显示绝不意味着页面的HTML代码没有问题，甚至可以推而广之，Web页面在多种浏览器下均可正常显示也不意味着HTML代码完全合法有效，毕竟哪个浏览器都要保证基本的容错的功能，不然，就会发生即使仅仅因为网络传输中的一点导致导致 HTML页面显示不正常了，而这在网络带宽仍然紧张的今天仍是频繁发生的。 什么是合法有效的HTML代码 简单说来，我们的Web页面是由HTML(Hypertext Markup Language ：超文本链接标示语言)元素构成的，即使对于ASP、PHP之类的动态页面，其也是由SERVER将ASP或PHP语句渲染成相应的HTML元素并下传到客户机上；对于JavaScript之类则由客户端将其转换为HTML。
同其他语言一样，HTML也有自己的语法规则，无论是浏览器还是搜索引擎的Spider都在根据这些规则来分析网页代码中的内容。但很多时候，即使对熟练人员来说，在HTML页面构建时仍然难免出些HTML代码上的错误，更别提大部分所见即所得编辑器造成的HTML冗余臃肿问题了。
如果页面中不存在违背HTML标准语法规范的成分，即可被称为合法有效的HTML代码 合法有效的HTML代码对SEO的重要性 要使搜索引擎收录我们的网页，——在此基础上才能谈网站优化网站推广——其前提是要让搜索引擎的Spider能读懂我们的Web文件。 搜索引擎 Spider阅读网页的根据便是HTML规范，通过对HTML代码的分析，Spider才能判断网页内容，在此基础上才能判断针对相应关键词的相关性。
需要明确的是，搜索引擎Spider不同于浏览器的一点便是其容错能力相对于浏览器要差不少，如果页面代码中存在其无法解释的HTML代码时，其便可能停止阅读该页面甚至可能停止在我们的网站内爬行，更严重的错误甚至会导致其同时也丢弃已经收集到的网站内其他页面的内容信息。 尽管如今如大主要搜索引擎也都在尽力提高Spider的容错能力，让其可以在HTML代码出现一般性错误时不至影响对内容的收集。
但很多时候，仍然会发生如漏了一个关闭标签导致整个页面的内容被忽略的情况。 另一方面，合法有效的HTML也可以保证Web页面可以在多种浏览器下被正确解释，避免同一个页面在IE下显示正常在Mozilla下却严重变形的情况（当然，不能完全避免），这对于提高网站的可用性方面也是有着极大好处的。
如何验证HTML代码的合法有效？ Inter有很多类似的免费服务可以帮我们验证网页代码是否合法有效，其中最著名的即是 W3C HTMLValidator，这是由W3C( World Wide WebConsortium：万维网联盟)官方推出的免费服务项目，在其页面上只需输入待验证的HTML地址或者上传一个在本地机上的HTML文件即可，其会很快返回校验结果，是否无误，如有错误分别为哪些及如何改进等。 同时，W3C HTML Validator也提供对CSS文件的验证服务。
一定要通过W3C的验证么？ 对这个问题的答案则不那么绝对。 理论上说，合法的HTML代码能够使搜索引擎的Spider在更容易地收集网站页面的内容信息。
但另一方面，并不是所有的HTML代码错误都会影响到 Spider的爬行，也即是说，HTML存在少量的错误对Spider来说也是可接受的，那么，一定要通过W3C认证么？ 另一方面，如在Mark Daoust的测试中，甚至暗喻（未肯定地下结论）存在少量HTML代码错误在页面在Google排名中能更占优势，当然这存在很大争议，但至少证明了存在少量HTML代码错误并不影响网页在SERP中的排名。 个人观点，如果您对HTML相对不那么熟悉的话，倒也不必强求非得100%通过W3C的验证，毕竟把更多的时间与精力放到真正应该努力的方向如创建内容与链接才是根本，但要保证HTML代码中不存在大的严重性错误。
当然，如果您对HTML语言较为精通，那么，何妨稍花点功夫以确保其完全无误呢？ 因此，我们要做的倒不一定非得通过W3C认证，但至少要保证其在各种浏览器下显示正常，保证搜索引擎的Spider能够正常分析。 提高HTML代码的效率 前文我们提说过很多所见即所得编辑器造成的HTML冗余臃肿问题，这种情况在很多中文网站相当普遍。
所见即所得编辑器如FrontPage、Dreamweaver，尤其在其对一个网页进行修改的时候，往往会产生很多不必要的冗余代码。 当页面的HTML文件在存在大量的冗余代码时，文件便会变得臃肿，这不但会降低网页的打开速度，损害到网页的效率，同时也会严重影响到相当网页的搜索引擎排名。
4.怎样在博客中用HTML语言
如何让图片配上优美文字的文配画源代码之六： 哇噻！整个文章也能滚动起来，你们会不会觉得阿甑太牛啦？哈哈！说笑的，别当真！ 代码如下： 白云洞游记 （阿 甑） ——白云乡，白云村，白云洞，于西甑山之北麓，离城约五里遥。
幼时常闻之，其山水，其传说，神而又奇。盛夏与友人游之，并记。
——入乡，入村，沿潺潺溪水而行，两岸杂草幽幽，柳枝戏水，波浸巨松而裸曲折盘逆之根。绕村，路回，乃见石桥，兰坡，书院，白云洞。
书院，白墙黑瓦，有一小院落，上书“白云书院”是也。观之屋檐，稍已颓败，藤萝逾墙，夏草茂盛，其门锁，院内碧烟袅然，不知是何物，想必为农户烧灰燃箕乎？时，众多厅堂庙祠皆作村内库房灰屋之用矣。
——回首仰之，即白云洞也。三面环山，一线青天，羔羊如雪，蹦蹿于草坡，鸟雀惊起，啾啾声，激飞于乱林烟雾之上。
其洞若石屋，於右崖之底，兀然高屹，势如危岩压顶；石壁嶙峋，倒垂古松，高而不深，不宽，数间厅堂大小而已。入洞，顿感凉爽逼人，暑气尽消，心旷神怡。
其四壁渗水，如雾似烟，崖中乃一瀑布，数尺耶，细如一柱，悬空而下，飞珠溅胸，神似一剑，观之，也壮，也奇；崖壁之左，碧苔漉漉，石缝中雨泉奔涌，伏耳闻之，岩内流水铮琮如琴，听者皆喜。其水亦清，亦凉，亦甘，常年不断，聚于崖底，逐成一浅潭。
潭底之石，清晰可辨，细虾成群，其身红也，细螺无数，其无尾也！ ——传曰，昔时，其白云书院，师规甚严，学子无数。 一夜，师出，清风明月，朗朗乾坤，众学子取火涮锅，欲食潭中之鱼虾，半酣，其师倏归，皆惊，灭火冷灶，倒其红虾，无尾之螺於水中，不意逐活。
自此，潭中有虾，身红须赤，水中有螺，壳薄无尾。繁衍至今，终无更改，疑似神话，恐胜聊斋。
——呼呜，白云之地白云歌，昔时，其书生不过唯惧，唯懦，唯怯而已，不意留此佳话传之后人悦乎！ 代码说明： WIDTH: 550pxHEIGHT: 66px：为背景图片、显示框的宽，高度调节，主要是宽度； background：背景图片地址； border=8：为边框宽窄调节，数字越大边框越宽； olor=#2894ff：为边框的颜色调节； height=292 width=385：为顶部动态图的高，宽度调节，代码会自动羽化图边； src=：为顶部动态图地址； ： 以上是文章目录的大小、字体、颜色的调节； ： 以上是文章作者的颜色、字体、大小的调节； height=30 width=380：为顶部动态图下的动态花边图片的高，宽度调节； src=：为顶部动态图下的动态花边图片地址； scrollAmount=1：为字体滚动的速度调节，数字越大速度越快； width=480 height=320：为滚动文章屏显示的宽，高度调节； ：为滚动文章设置居中的代码； ： 以上是主体文章的大小、字体、颜色的调节； ：为文章段落的分行符号，每增加一个符号，就多一行空格； 把以上文字更换成你自己的文字即可； 好看的字体颜色有： 深红 #ff6600 ； 大红 #ff0000 ； 粉红 #ff66cc ； 淡红 #ff66ff ； 绿色 #ccff00 ； 紫蓝 #ff33ff ； 黄色 #ffff33 ； 金红 #cc0000 ； 天蓝 #66ffff ； 草绿 #66cc00 ； 深蓝 #3333ff ； 橙色 #ff9900 ； 深绿 #339900 ； 白色 #ffffff ； 黑色 #000000 ； 深褐 #990000 ； 具体操作步骤是： 点击“发表文章”，打开文章发表器，在文本框标题栏上写上图片目录，勾选“显示源代码”框，将以上代码贴入空白面板后，点击“发表文章”既可。 。
